jQueryでラベル幅を統一
ラベルが並んで表示されたときの幅を統一
jQuery
$(function () {
var label_width = 0;
$('label').each(function(){
// 幅の最大値を取得
if ($(this).width() > label_width) {
label_width = $(this).width();
}
});
// 要素の幅を設定
$('label').css('width', label_width + 'px');
});
JavaScript版
JavaScript
window.addEventListener('load', function() {
var label_width = 0;
var elem = document.getElementsByTagName('label');
for(var i = 0; i < elem.length; i++) {
if (elem[i].clientWidth > label_width) {
// 幅の最大値を取得
label_width = elem[i].clientWidth;
}
}
// 要素の幅を設定
for(var i = 0; i < elem.length; i++) {
elem[i].style.width = label_width + 'px';
}
});
サンプル
