एक तत्व के लिए jquery चयनकर्ता एक बच्चे तत्व को मिस कर रहा है

Question

मुझे एक विशेष बाल तत्व खोने वाले तत्वों को वापस करने के लिए एक jquery चयनकर्ता बनाने में सहायता की आवश्यकता है।

को देखते हुए निम्न HTML टुकड़ा:

<div id="rack1" class="rack"> 
    <span id="rackunit1" class="rackspace"> 
     <span id="component1">BoxA</span> 
     <span id="label1">Space A</span> 
    </span> 
    <span id="rackunit2" class="rackspace"> 
     <span id="label2">Space B</span> 
    </span> 
    <span id="rackunit3" class="rackspace"> 
     <span id="component2">BoxA</span> 
     <span id="label3">Space C</span> 
    </span> 
</div> 
<div id="rack2" class="rack"> 
    <span id="rackunit4" class="rackspace"> 
     <span id="component3">BoxC</span> 
     <span id="label4">Space D</span> 
    </span> 
    <span id="rackunit5" class="rackspace"> 
     <span id="label5">Space E</span> 
    </span> 
    <span id="rackunit6" class="rackspace"> 
     <span id="component4">BoxD</span> 
     <span id="label6">Space F</span> 
    </span> 
</div> 

मेरे लिए खोजें rackunit कोई घटक अवधि के साथ फैला है। इस प्रकार अब तक मेरे पास है: $ मुझे rackunit स्पैन की सभी को यकीन है कि कैसे या तो एक घटक अवधि के साथ उन लोगों को बाहर या एक के बिना केवल उन चयन करने के लिए प्राप्त करने के लिए, नहीं ...

Answer 1

मैं ("रैक .rackspace।") लगता है कि निम्नलिखित काम करना चाहिए:

$(".rack .rackspace:not(:has(span[id^=component]))"). ... 

डेमो:http://jsfiddle.net/WbCzj/

Answer 2

आप इस्तेमाल कर सकते हैं .filter():

$('.rack .rackspace').filter(function() { 
    return $(this).find('span[id^="component"]').length === 0; 
});