沒有特定的元素選擇元素（一個或多個）

Question

你好，這是我的問題：

<ul> 
    <li><span class="show">*</span>Show</li> 
    <li><span class="show">*</span>Show</li> 
    <li><span class="show">*</span>Show</li> 
    <li><span class="show">*</span>Show</li> 
    <li>Hide</li> 
    <li>Hide</li> 
</ul> 

這http://jsfiddle.net/ajitam/GqCpW/

如何選擇（使用jQuery）「裏的無span.show內部，oposite。

謝謝

Answer 1

選擇應該是這樣的：

$('ul li:not(:has(span.show))') 

例子：http://jsfiddle.net/Mkj7Z/

因爲這樣的選擇是相當昂貴的，請確保您緩存所產生的DOM節點的變量進一步訪問。

Answer 2

嘗試隱藏所有，然後顯示那些有span.show

$('ul li').hide().find('span.show').parent().show(); 

Answer 3

jAndy的解決方案，$('ul li:not(:has(span.show))')作品很好，但:not和:has普遍表現較差的選擇（和他指出，他們是昂貴的）。看看你的標記，是否可以根據文本選擇<li>元素？

// Using `:contains` we can look for *Hide* 
$('ul > li:contains("Hide")') 

// Or using `filter()` for an exact match 
$('ul > li').filter(function() { 
    return $.text(this) === "Hide"; 
}); 

這是一個快一點，整潔一點。

Answer 4

用途：

$('ul li').filter(function(){ 
    return $('.show',this).length==0; 
}); 

可以延長過濾器，以更復雜的查詢。