javascript - 仅对具有给定 id 的元素使用 JQuery "select option:first-child"吗？

Question

此代码查看带有“townid”的下拉列表是否有 Central 选项，然后将 Central 放在所有下拉列表中的第一个选项之后。

 var central = $('#townid option:contains("Central")');
   if(central){
     central.insertAfter('select option:first-child');
   }

我的问题是:

如何将其添加到具有townid id 的下拉列表之后？我的意思是:

 var central = $('#townid option:contains("Central")');
   if(central){
     central.insertAfter('#townid select option:first-child');
   }

例如:

 <select id=townid>
    <option value="5000">AL</option>
    <option value="5001">NY</option>
    <option value="5002">LA</option>
    <option value="5003">NY</option>
    <option value="5204">Central</option>
    <option value="5024">FA</option>
 </select>

 <select id="someid">
    <option value="3002">Brooklyn</option>
    <option value="6001">Manhattan</option>
 </select>

经过这个过程后，它们应该看起来像:

 <select id=townid>
    <option value="5000">AL</option>
    <option value="5204">Central</option>
    <option value="5001">NY</option>
    <option value="5002">LA</option>
    <option value="5003">NY</option>
    <option value="5024">FA</option>
 </select>

 <select id="someid">
    <option value="3002">Brooklyn</option>
    <option value="6001">Manhattan</option>
 </select>

Answer 1

How can I add it just after dropdownlist that has id of townid?

好吧，我假设您的 HTML 看起来像这样:

<select id="townid">
  <option>
    …
  </option>
</select>

在这种情况下，您可以使用:

 $('#townid option:contains("Central")').appendTo('#townid option');

如果#townid中有多个option元素，而您只想选择第一个，只需更改选择器:

 $('#townid option:contains("Central")').appendTo('#townid option:first');

在您的示例中，不要使用 if (central)，而是使用 if (central.length)。