jquery - 如何使用 jQuery 将 移动到第二个元素？

Question

如何使用 jQuery 移动特定的 <option>成为第二个选择？

<select class="comestibles">
 <option>apple</option>
 <option>banana</option>
 <option>cantaloupe</option>
 <option>date</option>
 <option>eggplant</option>
 <option>fig</option>
</select>

<select class="comestibles">
 <option>apple</option>
 <option>banana</option>
 <option>cantaloupe</option>
 <option>date</option>
 <option>eggplant</option>
 <option>fig</option>
</select>

此代码将生成 eggplant第一个选项...关闭但没有雪茄。

jQuery('select.comestibles').each(function(){
  $('option[value=eggplant]',this).prependTo(this);
}); 

Answer 1

假设只有一个选择元素...

jQuery('option[value=eggplant]').insertAfter('option:first-child')

我还假设您的元素实际上具有 value 属性。

http://jsfiddle.net/wNmLF/

<小时/>

问题中的代码已更改。现在会是...

jQuery('select.comestibles option[value=eggplant]').insertAfter('select.comestibles option:first-child')

<小时/>

最近的更改...

jQuery('select.comestibles').each(function(){
    var opts = $(this).children();
    opts.filter('[value=eggplant]').insertAfter(opts.first())
});