jquery - JQuery 选择器 ID 开始但未结束

Question

你知道如何选择 id 不包含给定字符串的元素吗？或者选择 id 不包含给定单词的元素？

例子：

<div id="my_div">
    <div id="tab_abcd">...</div>
    <div id="tab_efgh">...</div>
    <div id="tab_jklm">...</div>
    <div id="tab_nopq">...</div>
    <div id="tab_rstu">...</div>
    <div id="tab_vwxy">...</div>
</div>

我想选择以“tab_”开头但不以“nopq”结尾的 div。不能使用 nt-child，因为这些 div 是动态生成的：所以，我不知道顺序。

Answer 1

$('[id^="tab"]:not([id$="nopq"])')

http://jsfiddle.net/zerkms/yB44A/

Answer 2

使用starts-with、not和ends-with：

$('div[id^="tab_"]').not('div[id$="nopq"]').each(function(){
    // whatever
});

working DEMO

Answer 3

你可以试试这个目的：

$('div:not([id*="given word"])')

Answer 4

$('div[id^="tab_"]:not(div[id$="nopq"])');

查看JQAPI 文档以获取有关选择器和示例的更多信息。