JQuery

Jquery tips, using not

Today I hade problem with a Jquery selector that was supose to select every visible items in a list. The visible or not visible is toggled with show and hide function. The result is that the style attribute display is either none or empty.

$(‘li.instruction:visible’).each(function () {

}

If the list where the item belongs to is not visible for some reason in my case because of  multiple tabs, it worked as long as the active tab was the same as the list belonged to, otherwise the selctor visible failed, or failed is the wrong word, it is sureley true the list and any items in it is no longer visible.

This is a safer aproach, works even if the list itself is hided.

$(‘li.instruction’).not(”[style=’display: none;’]”).each(function () {

}