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

by

You can use the :visible selector to find only visible.

$(".someDiv:visible").each(....);

You can use the .not() selector to find only hidden.

$(".someDiv").not(":visible").each(....);

I think you can perform the same operation in your code with this one line.

$(".someDiv").hide().find(".regular").show();

Find all .someDiv and hide them, then find those with a .regular class and show them.

More Related Contents:

  1. Toggle visibility property of div
  2. Toggle show/hide on click with jQuery
  3. Jquery, hide & show list items after nth item
  4. Difference between jQuery’s .hide() and setting CSS to display: none
  5. What is Hungarian Notation? [duplicate]
  6. How to add the background css into this jQuery? [duplicate]
  7. How can I execute each switch statement case in JS?
  8. Convert XML to JSON (and back) using Javascript
  9. How to take screenshot of a div with JavaScript?
  10. jQuery XML error ‘ No ‘Access-Control-Allow-Origin’ header is present on the requested resource.’
  11. JavaScript/jQuery to download file via POST with JSON data
  12. detect back button click in browser [duplicate]
  13. How do you remove all the options of a select box and then add one option and select it with jQuery?
  14. How to scroll to specific item using jQuery?
  15. How to get all options of a select using jQuery?
  16. How to close an open collapsed navbar when clicking outside of the navbar element in Bootstrap 3?
  17. How to stop default link click behavior with jQuery
  18. Override jQuery functions
  19. Best way to execute js only on specific page
  20. JavaScript scrollTo method does nothing?
  21. Convert String with Dot or Comma as decimal separator to number in JavaScript
  22. Remove multiple elements from array in Javascript/jQuery
  23. How to show hidden divs on mouseover?
  24. Using jQuery inArray with array of JavaScript Objects
  25. Using .after() to add html closing and open tags
  26. Changing cursor to waiting in javascript/jquery
  27. Bootstrap modal hide is not working
  28. Returning value from confirmation dialog using JQuery UI dialog
  29. A non-nested animation sequence in jQuery?
  30. Why do functional pseudos such as :not() and :has() allow quoted arguments?

Leave a Comment