jquery - jQuery 按文本查找选项并将其移动到选择的顶部

Question

我试图通过它的文本在选择中找到一个选项并将该选项移动到选择的顶部，但我似乎无法使用 1.9.1 版本。

// move 'untagged' option to top of select
jQuery('#logical_interface_vlan_id option:[text="Untagged"]').prependTo(jQuery('#logical_interface_vlan_id'));

logical_interface_vlan_id是选择的 id 并且Untagged是我正在寻找的选项文本。

以上给了我一个无法识别的表达式语法错误。

我也试过这个，没有错误，但它也没有做任何事情：

jQuery('#logical_interface_vlan_id').find('option[text="Untagged"]').prependTo(jQuery('#logical_interface_vlan_id'));

Answer 1

您可以遍历选项，然后以这种方式删除和添加

jQuery('#logical_interface_vlan_id option').each(function() {
        if (jQuery(this).text() === 'Untagged') {
            var option = jQuery(this);
            jQuery(this).remove();
            jQuery('#logical_interface_vlan_id').prepend(option);
        }
    });

Answer 2

假设您选择的 id 是 -#osmBodyContent_ddlPosition

首先获取所选选项并将其存储在变量中 -

var selectedOpt = $("#osmBodyContent_ddlPosition option:selected");

然后删除选定的选项 -

$(selectedOpt ).remove();

现在将其添加到顶部 -

$("#osmBodyContent_ddlPosition").prepend(selectedOpt)