如何使用jQuery计算选项标签的数量？

Question

我有一个问题，当我有多个具有相同类和ID的选择框时，如何计算选项标签的数量？

假设我有三个选择框。我想要选择框的大小，这样我就可以使用相同的选项动态添加新的选择框：

<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>

Answer 1

使用jquery：

对于具有select的给定id的

：

$('select#selectid option').length

适用于具有给定类的所有selects：

$('select.selectclass option').length

页面中的所有selects：

$('select option').length

但你应该为html页面中的每个元素提供不同的ID

Answer 2

标签ID应该是文档的唯一标识。您是否计划同时在文档树中包含所有这些内容？

Answer 3

我发现使用JQuery children()方法获得了更一致的结果，即

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