Question

I want to get all the checkboxes after a specific element.
This checkboxes are in different divs and tables.
I tried:

$('.available').click(function() {
 $(this).nextAll("input:checkbox").each(function()
 {
   //code
 });
});

Thanks

Answer 1

You have to climb the DOM (test case):

$(this)                                         
    .parents().andSelf()                         // get all parents of this as well
    .nextAll().find('input:checkbox').andSelf()  // get all siblings after and find any
    .filter('input:checkbox');                   // if real next sibling wasn't, kill it

Do keep in mind that this is quite performance heavy. You are:

1. Climbing up the DOM (quite fast)
2. For each parent, getting all next siblings (semi-hefty)
3. Then, searching down each for checkboxes, repeating the same search multiple times on child nodes
4. Finally, filtering out any non-checkboxes left (have to go through found set once more)

This is jQuery magic, but there is definitely a better way outside of the ease of jQuery. This might be O(n^n) complexity–the worst kind.