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

You can pass a selector to the parent argument I believe.

$('.remove').click(function(){
  $(this).parents("tr:first").hide();
  return false;
});

Or you can use closest as indicated by another answer.

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