我正在寻找隐藏包含 0 的跨度。我查看了其他代码并尝试对其进行调整,但无法使其正常工作。我希望它仅在内容为“0”时隐藏跨度,但是当运行下面的代码时,它也会隐藏任何包含 0 的数字,例如 10,这是我不想要的。
为了更清楚一点,跨度只应在其内部数字大于 0 时才显示(它是一个从 0 开始的计数器,因此无论如何都不能小于 0)。
任何帮助表示赞赏。
HTML
<div id="post-excerpts-likes">
<a href="#" class="zilla-likes" id="zilla-likes-175519" title="Like this">
<span class="zilla-likes-count">0</span>
</a>
</div>
jQuery
$(".zilla-likes-count:contains('0')").hide();
另请注意,页面上将有多个跨度都具有相同的类,我希望代码能够影响所有跨度。
您需要选择具有完全相同文本的元素,但:contains()不是你想要的。这.filter()是一个基于文本过滤所选元素的好功能。
$(".zilla-likes-count").filter(function(){
return $(this).text().trim() === "0";
}).hide();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="post-excerpts-likes">
<a href="#" class="zilla-likes" id="zilla-likes-175519" title="Like this">
<span class="zilla-likes-count">Text0Text</span>
<span class="zilla-likes-count">0</span>
</a>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)