Как посчитать количество тегов опций, используя jQuery?

Question

У меня есть вопрос относительно того, как я могу вычислить количество тегов опций, когда у меня есть многократное поле выбора с тем же классом и идентификатором?

Допустим, у меня есть три поля выбора. И мне нужен размер поля выбора, чтобы я мог динамически добавлять новый блок выбора с теми же параметрами:

<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-странице

Answer 2

Я обнаружил, что получил более согласованные результаты, используя метод JQuery children(), т. Е.

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

Answer 3

Идентификаторы тегов должны быть уникальными для документа.Планируете ли вы иметь все это в дереве документов одновременно?