JQuery를 사용하여 형제의 첫 번째 옵션을 어떻게 참조합니까?

Question

나는

<select name="country1" class="country">...</select> 
<select name="state1" class="state">...</select> 

이름

(예 : "COUNTRY1"... "countryn")를 변경할 것입니다 ... 그래서 같은 SELECT 메뉴 요소를 형제,하지만 클래스는 (요소로 예를 들어, "국가"를 연관 "주")는 그렇지 않습니다. 내 자바 스크립트에서, 나는 국가 요소, $ (countryElt)가 주어진 ...

var firstOption = $("#state option:first-child"); 

을이 줄을 다시하고 싶은, 내가 말할 형제 ".STATE"의 첫 번째 옵션을 저장할 $ (countryElt)의 요소 어떻게 쓸 수 있습니까?

var stateFirstOption = $("#state option:first"); 
var countryFirstOption = $stateFirstOption.parent().siblings('.country').find('option:first'); 

Answer 1

이 같은 parent() 및 siblings()를 사용할 수 있습니다

$(countryElt).next("select.state option:first") 

Answer 2

당신은 할 수 있습니다 :

Answer 3

$('.state option:first') 
    .parent() 
    .siblings('.country') 
    .find('option:first'); 

HI 데이브, 귀하의 의견에 따라, 우리는 더 나은했던에 ID를 추가 두 번째 선택은 다음과 같습니다.

<select name="state1" class="state" id="state">...</select>. 

가 그래서 코드가

$('#state option:first') 
    .parent() 
    .siblings('.country') 
    .find('option:first');