<ul class="list">
  <li>1</li>
  <li>0</li>
  <li>1</li>
  <li>0</li>
  <li>1</li>
  <li>1</li> 
</ul>
body {
  margin: 30px;
}
$(document).ready(function(){
  $('.list li').each(function(index){
    var text = $(this).text();
    if (text == '0') {
      $(this).css('display', 'none');
    };
  });
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js