Question

Hoping someone could help me with a bit of jquery or javascript. I have some DIV’s that contain the values of a checkbox being either “1” or “0” depending on whether I check the box or not:

<div class="checkbox">1</div>   //This is when the checkbox is checked

<div class="checkbox">0</div>   //This is when the checkbox is NOT checked

The class for this DIV stays the same whether it is a 0 or a 1 so I need to have a conditional statement that says,

“If the contents of the DIV is 1 then show it”

AND

“If the contents of the DIV is 0, then hide it”

Would this be simple to do?

Answer 1

A filter would come in handy for such case..

$('.checkbox').filter(function () {
   return $(this).text() == 0;
}).hide();