How To Select First Ancestor That Matches A Selector?

Question

General:

How can I select the first matching ancestor of an element in jQuery?

Example:

Take this HTML block

<

Answer 1

Assuming you're using jQuery 1.4, you can use .parentsUntil() which will return all of the ancestors upto but NOT including the selected ancestor.

So in your case I would go with something like this:

$('.remove').click(function(){
    $(this).parentsUntil("tr").parent().hide();
    return false;
});