첫 번째 옵션을 모두 선택

Question

다음 마크 업에서 a1, (all) 및 a 옵션을 가져오고 싶습니다. 일부 optgroup을 선택하기 전까지 $("option:first-child")을 사용하고있었습니다. 이제이 코드는 a1, b1, (all), 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") 

첫 번째 부분은 전혀 optgroup에 처음 optionselect에 대한의를 얻을 것이다. 두 번째는 optgroup의 첫 번째 option이됩니다.

첫 번째 옵션이 (all) 옵션이고 a이 아니기 때문에 a을 얻지 못할 것이라고 생각하기 때문에 원래 예제에서 약간 혼란 스럽지만 말입니다.

Answer 2

이 A1을 선택합니다 (모든)와 각 선택에

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

사실이 항상 첫 번째 옵션을 선택합니다.

Answer 3

나는 이것이 당신을 위해 그것을해야한다고 생각 :

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

당신은 option 어떤 select의 첫 번째 자식을 선택, 또한, 특별히 클래스 a와 optgroup의 첫 번째 자식을 선택하고 그 option입니다.

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

데모 : 방문 :

Answer 4

이 시도 http://jsfiddle.net/wBW4N/ 및