title: How to hide "span" if it text is "0" using jQuery?
body: <p>I'm looking to hide spans that contain a 0. I've looked at other code and I've tried to adapt it but I can't get it to work correctly. I want it to only hide the span when the contents is a "0", but when running the code below it also hides any number that contains 0, so 10 for example, which I don't want.</p>
  
  <p>Just to make it a little clearer, the span should only display if the number inside it is greater than 0 (it's a counter that starts from 0 so can't be less than 0 anyway).</p>
  
  <p>Any help is appreciated.</p>
  
  <h1>HTML</h1>
  
  <pre><code>&lt;div id="post-excerpts-likes"&gt;
      &lt;a href="#" class="zilla-likes" id="zilla-likes-175519" title="Like this"&gt;
          &lt;span class="zilla-likes-count"&gt;0&lt;/span&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h1>jQuery</h1>
  
  <pre><code>$(".zilla-likes-count:contains('0')").hide();
  </code></pre>
  
  <hr>
  
  <p>Please also note that there are going to multiple spans on the page all with the same class, I would like the code to affect them all.</p>