:not + :contains 的 jQuery 组合，它有效吗？

Question

_{(continue from other question)}

<div id="main">
    <div class="a">aaaa</div>
     <div class="b"><p>not me</p></div>
     <div class="b">bbbb</div> <!-- select this-->
     <div class="b">bbbb</div> <!-- select this-->
     <div class="c">cccc</div>
</div> ​

我正在尝试选择所有类为 b 且其中没有 <p>not me</p> 的 div。

我试过了：

$('div.b:not(:has(p:contains(not me)))').css('color', 'red'); 

但由于某些未知原因它不起作用，有趣的是，如果我删除 :not() 部分：

$('div.b:has(p:contains(not me))').css('color', 'blue');

它确实选择了不需要的 div，所以问题一定出在:not

Live DEMO

我知道还有其他甚至更好的方法，（我什至在那个问题中给出了一些）但我很想知道为什么 :not + :contains 似乎不在一起。

Answer 1

您可以使用.not 而不是:not：

$('div.b').not(':has(p:contains("not me"))').css('color', 'red');

Updated fiddle

Answer 2

工作示例 :not + :contains

$('div.b:not(:contains("not me"))').css('color', 'cyan');

将更改所有不包含“not me”的 div.b 的颜色。

Answer 3

我认为这与:has有关

试试这个：

$('div.b:not(:contains(not me))').css('color', 'red');