Using jQuery, how do you find only visible elements and leave hidden elements alone?

Question

So I start with items 1-4:

Lorem


        
      

Answer 1

You could use :visible selector to select the .someDiv that are visible.

$(".someDiv:visible").each(function(){
 if($(this).hasClass("regular")){
    $(this).show();
  } else {
    $(this).hide();
  }
});

Here is another funny way utilizing the chaining :) and making it single line.

$('.someDiv:visible').not($('.someDiv.regular:visible')).hide();