我想使用
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')
但是它不起作用,因为它检查该值是否存在于html内,而不是完全匹配.在这种情况下,每个span.num元素都有一个0,所以每个li都会得到所选的类.似乎没有：equals()对应于：contains()选择器.
