<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');
};
});
});
This Pen doesn't use any external CSS resources.