如何使用 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);
});
假设只有一个选择元素...
jQuery('option[value=eggplant]').insertAfter('option:first-child')
我还假设你实际上有value
元素的属性。
http://jsfiddle.net/wNmLF/ 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())
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)