Выбрать все первые варианты

Question

из следующей разметки, я хочу получить опции a1, (all) и a.Я использовал $("option:first-child"), пока не добавил optgroup к некоторым из выбора.Теперь этот код выбирает a1, b1, (все), 1, 3 и a.

<select>
  <optgroup label="a">
    <option>a1</option>
    <option>a2</option>
  </optgroup>
  <optgroup label="b">
    <option>b1</option>
    <option>b2</option>
  </optgroup>
</select>

<select>
  <option>(all)</option>
  <optgroup label="a">
    <option>1</option>
    <option>2</option>
  </optgroup>
  <optgroup label="b">
    <option>3</option>
    <option>4</option>
  </optgroup>
</select>

<select>
  <option>a</option>
  <option>b</option>
  <option>c</option>
</select>

Answer 1

$("select > option:first-child, optgroup:first-child > option:first-child")

Первая часть получит первую option для select с без optgroup.2-й получает первое option из первого optgroup.

Хотя я немного смущен вашим исходным примером, потому что я не верю, что вы получите a в этом случае, потому что первый вариантэто опция (all), а не a.

Answer 2

Это будет выбирать a1, (все) и a:

$('select').find('option:first').each( function(ix) { alert(this.text); } );

На самом деле это всегда будет выбирать первый вариант в каждом выборе.

Answer 3

попробуйте это:

$('select optgroup[label]["a"] option:eq(0),select:eq(1) option:eq(0)').attr('selected', 'selected');

Демо: визит: http://jsfiddle.net/wBW4N/ и осмотрите поля выбора

Answer 4

Я думаю, что это должно сделать это для вас:

$('optgroup.a > option:first-child, select > option:first-child')

Вы выбираете первого ребенка из любого select, который является option, и, кроме того, специально выбираете первого ребенка изoptgroup с классом a, то есть option.