jquery nextAll element

Question

this is my html

<fieldset>
    <input type="text" data-site="1">
</fieldset>

<fieldset>
    <input type="text" data-site="2">
</fieldset>

<fieldset>
    <input type="text" data-site="3">
</fieldset>

<fieldset>
    <input type="text" data-site="5">
</fieldset>

<fieldset>
    <input type="text" data-site="6">
</fieldset>

i have to select next element after data-site="3" i try with

$('input[data-site=3]').closest('fieldset').nextAll().find('input[data-site]');

but not works. I should receive input[data-site=5] ed input[data-site=6]

any idea?

Answer 1

From the docs of .nextAll():

Get all following siblings of each element in the set of matched elements, optionally filtered by a selector.

In your case, input is not the sibling of each other. So you need to do:

$('input[data-site=3]').parent().nextAll().find('input[data-site]');

Fiddle Demo