jquery – 我可以在选择列表的末尾移动一个选项吗?

前端之家收集整理的这篇文章主要介绍了jquery – 我可以在选择列表的末尾移动一个选项吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个选择:
<select id="mySelect">
    <option value="Test 1">Test 1</option>
    <option value="Test 2">Test 2</option>
    <option value="Test 3">Test 3</option>
    <option value="Test 4">Test 4</option>
    <option value="Test 5">Test 5</option>
    <option value="Test 6">Test 6</option>
    <option value="Test 7">Test 7</option>
    <option value="Test 8">Test 8</option>  
</select>

我想在这个选择列表的末尾移动第二个选项(测试2).我可以使用jQuery吗?

解决方法

var $select = $('#mySelect');
$select.find('option:eq(1)').appendTo($select);

Live DEMO

将选项放在第五位:

var $select = $('#mySelect');
var desiredIndex = 5;
$select.find('option').eq(desiredIndex).before($select.find('option:eq(1)'));

Live DEMO

原文链接:https://www.f2er.com/jquery/177034.html

猜你在找的jQuery相关文章