使用JQuery，我如何引用兄弟姐妹的第一个选项？

Question

我有像这样的兄弟选择菜单元素......

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

名称将会改变（例如＆＃34; country1＆＃34; ...＆＃34; countryn＆＃34;），但是与元素相关的类（例如＆＃34; country＆＃34;和＆## 34;州＆＃34;）不会。在我的Javascript中，我想重写这一行......

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

鉴于我有一个国家元素，$（countryElt），我想说，存储兄弟姐妹的第一个选项＆＃34; .state＆＃34; $（countryElt）的元素。我该怎么写呢？

Answer 1

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

HI Dave，根据您的评论，我们最好在第二个选择中添加ID，如下所示。

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

因此代码将更改为

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

Answer 2

您可以使用parent()和siblings()，如下所示：

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

Answer 3

你可以这样做：

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