I have a table where each row has a CSS id like this:

In a row, a user can click on a particular element within a cell. I want to find the row that has been clicked on.

So for example:

In this case, I want to respond when the user clicks on a class='anotherclass' element. I want to get the id of the row containing this clicked element but I don't want to use $(this).parent().parent().parent().... etc. because there are multiple levels of parentage and it gets ugly.

Is there a way to get the row containing this element with using .parent() multiple times?

UPDATE: Thanks everyone. That is perfect.

解决方案$('.anotherclass').click(function () {

alert($(this).closest('tr').prop('id'));

});