तत्व का चयन करें, जब तक कि यह सिर्फ एक चयनकर्ता का उपयोग करके किसी वर्ग के एक पूर्वज है

Question

मान लीजिए मैं निम्न HTML है:

<div class="foo"> 
    <ul> 
    <li>One</li> 
    <li>Two</li> 
    </ul> 
</div> <!-- not originally here --> 
<div class="bar"> 
    <ul> 
    <li>Three</li> 
    <li>Four</li> 
    </ul> 
</div> 

मैं सभी li तत्वों कि वर्ग के साथ एक तत्व की सन्तान नहीं हैं का चयन करना चाहते foo। मुझे पता है कि मैं इसे एक फैंसी filter function के साथ कर सकता हूं, लेकिन मुझे आश्चर्य है कि मैं इसे सिर्फ एक चयनकर्ता के साथ कर सकता हूं। सबसे पहले मैंने कोशिश की:

$(":not(.foo) li") 

दुर्भाग्य से इस के बाद से li शैली (इस मामले में ul) के बिना अन्य पूर्वजों है काम नहीं करता। निम्नलिखित काम करने लगता है;

$(":not(.foo) :not(.foo) li") 

दूसरे शब्दों में, सभी li तत्वों कोई पूर्वज है कि या तो वर्ग foo है या वर्ग foo के साथ अपने स्वयं के एक पूर्वज है है का चयन करें। शायद यह चयनकर्ता के साथ ऐसा करने का सबसे अच्छा/एकमात्र तरीका है, लेकिन मैं :not चयनकर्ता की पुनरावृत्ति के बारे में रोमांचित नहीं हूं। वहाँ कोई बेहतर विचार है?

fiddle

Answer 1

आप इसे इस

$("li").not('.foo li') 

http://jsfiddle.net/y7s54/

012 की तरह कर सकते हैं

या

$("li:not(.foo li)") 

http://jsfiddle.net/QpCYY/

का चयन करें सभी ली के उस वर्ग foo के साथ एक पूर्वज नहीं है

Answer 2

इस बारे में कैसे:

$("li:not(.foo > li)") 

डॉक्स में टिप्पणी काफी उपयोगी होते हैं अगर यह काम नहीं करता:

http://api.jquery.com/not-selector/

Answer 3

li:not(.foo > ul > li) का प्रयास करें; जो माता-पिता के साथ सभी lis minus का चयन करता है। दो स्तर ऊपर।

Answer 4

आप नीचे के रूप में चयनकर्ता के साथ संदर्भ का उपयोग कर ऐसा कर सकते हैं,

$('li', $('div:not(.foo)')) 

LIve Demo

$('li', $('div:not(.foo)')).each(function(){ 
    alert($(this).text()); 
});​ 

Answer 5

मैं इस समाधान एक छोटे से अच्छे लग रहा है लगता है, लेकिन वहाँ पर विवाद का एक सा गति अंतर के बारे में एपीआई टिप्पणियां। (.foo) li` नहीं मतलब यह नहीं है "` li` कोई पूर्वज है कि वर्ग `foo` है कि":

$("li").not(".foo li") 

fiddle