如何使用 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);
});