jQuery select all elements that are visible or have display: none

Question

I'm setting display: none on some elements for mobile, but I still want to select them using jQuery.

I know there's this

$(.connectedSortable[style*="display: none"])

But I'd also like to select the visible elements with class connectedSortable

Answer 1

To select visible elements, you can use the following code snippet.

$(.connectedSortable:visible)

To select hidden elements, you can use the following code snippet.

$(.connectedSortable:hidden)

Sign up