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'; } });

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。主にLAPP環境でPHPを書いています。最近はjQueryで遊んでいます。
※動作確認について