dynamic tag count on keyup

Question

Hi All,

I have a div that contains many spans and each of those spans contains a single href.

Basically it's a tag cloud. I have a textbox with a keyup event that filters the tag cloud div (It actually just hides the tags if not in filter condition).

Is there a way to get a count of the tags shown as the keyup event occurs?

Thanks, rodchar

Answer 1

$("#filter_input").keyup( function() {
    count = $("#cloud span:visible").size();
    // Do something with the counted spans.
});

That should do it, substitute values as needed.

Answer 2

jquery size() Returns the number of matched elements.

$('.tags span a.visible').size();