Javascript jQuery将选择选项移动到第二个位置

我选择：

<select class="selCommon" name="country_id">
<option value="">Select</option>
<option value="40">Afghanistan</option>
...
<option value="37">Switzerland</option>
...
</select>

您可以使用将其放置在

选择中的第一个子项之后-请参见下面的演示：


$（'select[name=country\u id]option:first child'）。在（$（'select[name=country\u id]option[value=37]）之后

挑选
阿富汗
瑞士
您可以获取所有
元素，然后通过
值
属性对它们进行过滤。最后，一旦选择了正确的元素（在本例中为瑞士），就可以使用来移动其在DOM中的位置

示例：


var$opts=$（'.selcomon'）.children（）；
$opts.filter（'[value=“37”]'）.insertBefore（$opts.eq（1））

挑选
阿富汗
大不列颠联合王国
美国
瑞士
您也可以尝试以下方法：


$（文档）.ready（函数（）{
var options=$（'.selcomon option'）；
var SwitzerlandIndex=0；
var-cnt=0；
$（选项）。每个（函数（）{
如果（$（this）.text（）==“瑞士”）{
SwitzerlandIndex=cnt；
}  
cnt++；
});
$（选项[SwitzerlandIndex]）。insertAfter（$（选项[0]）；
});


挑选
阿富汗
试验
瑞士
测试2
您可以根据值进行排序


$（'.selcomon选项'）。排序（（a，b）=>a.value-b.value）。附加到（'.selcomon'）；
$（'.selcomon'）.val（“”）

挑选
阿富汗
瑞典
瑞士
美国
为什么不能在html中这样做？我相信国家名称列表来自JQuery。这个HTML是动态生成的。如果是的话，你能分享一下做这件事的javascript逻辑吗？我认为这是静态内容，你可以在HTML中这样做。你想按值字段排序吗？可能你是按值排序逻辑按数字排序（37,40），@babboe2babboe2让我们知道你对答案的想法，谢谢！
 <select class="selCommon" name="country_id">
<option value="">Select</option>
<option value="37">Switzerland</option>
<option value="40">Afghanistan</option>
...
</select>