javascript - 使用 JQuery，如何引用同级的第一个选项？

Question

我有同级 SELECT 菜单元素，如下所示...

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

名称将会更改(例如“country1”...“countryn”)，但与元素关联的类(例如“country”和“state”)不会更改。在我的 Javascript 中，我想重写这一行...

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

假设我有一个国家/地区元素 $(countryElt)，并且我想说，存储 $(countryElt) 的同级“.state”元素的第一个选项。我该怎么写呢？

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');