javascript - 如果使用 jQuery 文本是 "span"，如何隐藏 "0"？

Question

我想隐藏包含 0 的跨度。我查看了其他代码并尝试对其进行调整，但无法使其正常工作。我希望它仅在内容为“0”时隐藏跨度，但在运行下面的代码时它还会隐藏任何包含 0 的数字，例如 10，这是我不想要的。

只是为了让它更清楚一点，只有当其中的数字大于 0 时，span 才应该显示(它是一个从 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();

---

另请注意，页面上将有多个跨度都具有相同的类，我希望代码能够影响它们。

Answer 1

您需要选择元素具有完全相同的文本但 :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>