web-dev-qa-db-ja.com

jQueryを使用してオプションタグの数を数える方法は？

同じクラスとIDの複数の選択ボックスがある場合、オプションタグの数をどのように計算できますか？

3つの選択ボックスがあるとします。また、選択ボックスのサイズが欲しいので、同じオプションで新しい選択ボックスを動的に追加できます。

<select id="selectid" class="selectclass">
    <option>1</option>
    <option>2</option>
</select>

<select id="selectid" class="selectclass">
    <option>1</option>
   <option>2</option>
</select>

<select id="selectid" class="selectclass">
    <option>1</option>
    <option>2</option>
</select>
jqueryhtmlcounthtml-select
18
Maverick

jqueryを使って：

selectを指定したidの場合：

$('select#selectid option').length

特定のクラスを持つすべてのselectsの場合：

$('select.selectclass option').length

ページ内のすべてのselectsの場合：

$('select option').length

しかし、あなたはhtmlページの各要素に異なるIDを与えるべきです

63
manji

タグIDは、ドキュメントに対して一意であることが想定されています。これらすべてを同時にドキュメントツリーに含める予定はありますか？

1
James

JQuery children()メソッドを使用すると、より一貫した結果が得られることがわかりました。

$('.productDetail_variant select').each(function() {
      var currSelectValue = $(this).children();
      alert(currSelectValue.length);
});
1
Si Davies