包含具有特定html值的子元素的Jquery get元素
包含具有特定html值的子元素的Jquery get元素
提问于 2012-02-01 19:26:51
我想使用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>这显然行不通..。谢谢
回答 5
Stack Overflow用户
回答已采纳
发布于 2012-02-01 19:39:30
这应该可以做你想要的事情。
$('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()选择器。
Stack Overflow用户
发布于 2012-02-01 19:32:14
尝尝这个。
$('ul span.num').filter(function(){
return $(this).text() == "0";
}).parent().addClass('disabled');Stack Overflow用户
发布于 2012-02-01 19:29:21
尝试：
$('li span.num').filter(
function(i){
return $(this).text() == '0';
}).closest('li').addClass('selected');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9101928
复制相关文章
相似问题
腾讯云开发者
