Jquery को विशिष्ट HTML मान

Question

के साथ बाल तत्व युक्त तत्व प्राप्त होता है। मैं "ली" तत्व में कक्षा जोड़ने के लिए Jquery का उपयोग करना चाहता हूं जिसमें शून्य के बराबर HTML/वैल के साथ "अवधि" तत्व होता है।

उदाहरण के लिए मेरी कोड इस तरह दिखता है:

<ul> 
    <li><span>Item 1</span><span class="num">30</span></li> 
    <li><span>Item 2</span><span class="num">0</span></li> 
    <li><span>Item 3</span><span class="num">20</span></li> 
</ul> 

मैं निम्नलिखित करने के लिए इसे बदलना चाहते हैं:

<ul> 
    <li><span>Item 1</span><span class="num">30</span></li> 
    <li class="disabled"><span>Item 2</span><span class="num">0</span></li> 
    <li><span>Item 3</span><span class="num">20</span></li> 
</ul> 

अतीत में मैं तत्वों विशेषता मान की जाँच करने के कोड का इस्तेमाल किया है, लेकिन कभी भी उनके एचटीएमएल/वैल इस प्रभाव से कुछ नहीं कर रहे हैं ...

$('li').has('span.num').addClass('disabled'); 

हालांकि इस मामले में परिणाम में:

<ul> 
    <li class="disabled"><span>Item 1</span><span class="num">30</span></li> 
    <li class="disabled"><span>Item 2</span><span class="num">0</span></li> 
    <li class="disabled"><span>Item 3</span><span class="num">20</span></li> 
</ul> 

है कौन सा स्पष्ट रूप से नहीं काम से जा रहा ... धन्यवाद

Answer 1

यह आप क्या चाहते हैं क्या करना चाहिए।

$('li').each(function(){ 
    if($(this).find('span.num').text() == '0') $(this).addClass('disabled') 
}); 

JS Fiddle

मैं निम्नलिखित सुझाव दिया है |:

$('li').has('span.num:contains(0)').addClass('disabled') 

लेकिन यह काम नहीं करता है, के रूप में यह जाँच करता है, तो मूल्य एचटीएमएल अंदर मौजूद है - सटीक मिलान के लिए नहीं। इस मामले में, span.num तत्वों में से प्रत्येक में 0 है, इसलिए प्रत्येक ली को चयनित कक्षा मिल जाएगी। ऐसा प्रतीत नहीं होता है: बराबर() समकक्ष: इसमें() चयनकर्ता शामिल है।

Answer 2

प्रयास करें:

$('li span.num').filter(
    function(i){ 
     return $(this).text() == '0'; 
    }).closest('li').addClass('selected'); 

JS Fiddle demo।

Answer 3

इसे आजमाएं।

$('ul span.num').filter(function(){ 
    return $(this).text() == "0"; 
}).parent().addClass('disabled'); 

Demo

Answer 4

आप filter() साथ <span> तत्व से मेल कर सकते हैं, तो parent() साथ अपनी मूल <div> मिलती है:

$("li > span.num").filter(function() { 
    return $(this).text() === "0"; 
}).parent().addClass("disabled"); 

Answer 5

यहाँ यह करने के लिए के लिए एक तेज तरीका है:

$('li .num').each(function(){ 
    if ($(this).text() == '0') $(this).parent().addClass('disabled'); 
}); 

एक jsFiddle example साथ

।