selecting next n elements having class foo

Question

How to select next n hidden elements that have class "foo" using jQuery?

Answer 1

Using nextAll() and filter():

$(this).nextAll().filter('.foo:hidden:lt('+n+')');

The :lt() selector selects the next n elements, the :hidden selector hidden inputs.

Answer 2

Boldewyn's answer works, but filter is unnecessary. This also selects only hidden elements:

$(this).nextAll('.foo:hidden:lt('+n+')')

Answer 3

$(this).nextAll('.foo:hidden').filter(':lt('+n+')')