JQuery选择器ID开始但没有完成

时间:2012-07-02 05:00:29

标签: jquery selector

你知道如何选择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是动态生成的:所以,我不知道顺序。

4 个答案:

答案 0 :(得分:9)

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

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

答案 1 :(得分:3)

使用starts-withnotends-with

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

working DEMO

答案 2 :(得分:2)

你可以尝试这个目的:

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

答案 3 :(得分:1)

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

检查JQAPI Documentation以获取有关选择器和示例的更多信息。