How to hide "span" if text is "0" using jQuery?

Question

I want to hide spaces containing 0. I looked at another code and I tried to adapt it, but I cannot get it to work correctly. I want it to hide only the range when the content is “0”, but when running the code below it also hides any number that contains 0, so for example 10, which I don't want.

To make this a little clearer, the range should only be displayed if the number inside it is greater than 0 (this is a counter starting at 0, so it cannot be less than 0).

Any help is appreciated.

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();

---

Also note that on the page everyone will have the same classes with the same class, I would like the code to affect them all.

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>

Hide result

Answer 2

.text():

$(".zilla-likes-count").each(function(){
    if ($(this).text() === '0') {
        $(this).hide();
    }
});

Answer 3

, , , "0" , .

:

$(".zilla-likes-count").each((i,e) => e.textContent === '0' ? $(e).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">0</span>
        <span class="zilla-likes-count">10</span>
        <span class="zilla-likes-count">55</span>
                        
    </a>
   
</div>

Hide result

Answer 4

simple.. , 0. :

$(".zilla-likes-count").each(function(){
    if ($(this).text() === '0') $(this).hide();
});