특정 html 값을 가진 자식 요소를 포함하는 Jquery get

Question

Jquery를 사용하여 html/val이 0 인 "span"요소가 포함 된 "li"요소에 클래스를 추가하고 싶습니다.

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

하지만, 이 효과를 내기 위해 HTML/val을 사용하지 마십시오.

$('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') 

을하지만 값이 HTML 내부에 존재하는 경우 검사로는 작동하지 않습니다 - 아니 정확히 일치하는. 이 경우 span.num 요소 각각에 0이 있으므로 모든 li이 선택한 클래스를 가져옵니다. : contains() selector에 대한 equals() 대응 항목이없는 것 같습니다.

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

당신은 다음 parent()와 부모 <div>를 얻을 filter()으로 <span> 요소를 일치시킬 수 있습니다 :

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

Answer 5

는 여기에 빠른 방법을의하십시오 jsFiddle example와

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

.