Jquery获取包含具有特定html值的子元素的元素

我想使用 Jquery添加一个类到“li”元素,其中包含一个html / val等于零的“span”元素.

例如,如果我的代码如下所示：

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

这显然是不会工作…谢谢

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

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