使用jQuery选择*不*包含一个链接列表项

Question

尝试将背景颜色添加到我所有的UL的不包含一个链接

HTML元素：

<ul id="list"> 
    <li><a href="http://google.com/">Google</a></li> 
    <li><a href="http://yahoo.com/">Yahoo</a></li> 
    <li>Not a link</li> 
    <li><a href="http://live.com/">Live</a></li> 
    <li>Not a link</li> 
    </ul> 

的Javascript：

$('#list li').css({'background': 'red'}); 

但改变所有的人 - http://jsbin.com/pusogihuvi/1/edit?html,js,output

Answer 1

使用:not伪选择器来排除匹配。使用:has伪选择器来查看一个元素是否包含指定的匹配（不失去祖先范围）。

$('#list li:not(:has(a))').css({'background': 'red'}); 

Answer 2

您可以结合:not和:has：

$('#list > li:not(:has(a))').css({'background': 'red'}); 

http://jsbin.com/quyalunipo/1/edit?html,css,js,output