Question

HTML

<button>remove other than 1 and 3</button>

<br />
<select id="sel">
        <option data-test="1">a</option>
        <option data-test="1">b</option>
        <option data-test="2">c</option>
        <option data-test="2">d</option>
        <option data-test="3">e</option>
        <option data-test="3">f</option>
        <option data-test="3">g</option>
        <option data-test="4">h</option>
        <option data-test="5">i</option>
</select>

的JavaScript

$('button').click(function(){
    $('select option:not([data-test=1])').remove();
})

我想删除data-test中除1和3之外的值的所有元素。此代码仅保留值为1的元素。我需要添加什么：不使用jQuery删除1和3以外的所有选项？

jsfiddle

Answer 1

使用：

 $('select option:not([data-test=1],[data-test=3])').remove();

Fiddle

请参阅multiple selector和multiple attribute selector。

Answer 2

这就是你需要的：

$('button').click(function(){
    $('select option:not([data-test=1],[data-test=3])').remove();
})

jsfiddle

Answer 3

试试这段代码：

$('button').click(function(){
    $('select option').not('[data-test=1], [data-test=3]').remove();
});

<强> FIDDLE

修改：查看 Vishal Suthar 和 A. V 以另一种非常相似的方式回答。

删除两个选项

3 个答案: