javascript - :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 的所有 div没有 <p>not me</p>在它们里面。

我尝试过这个:

$('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