使用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