Question

I have some HTML code that looks like this:

<tr id="nbContent_GR1">...</tr>
<tr id="nbContent_GR2">...</tr>
<tr id="nbContent_GR3">...</tr>
<tr id="nbContent_GR4">...</tr>
<tr id="nbContent_GR5">...</tr>
<tr id="nbContent_GR6">...</tr>

Within one of the rows, I want to traverse up the DOM to find the closest element that has an ID attribute that starts with “nbContent_GR”. So basically I want to be able to find the parent TR element without knowing its exact ID, just the first one that starts with “nbContent_GR”. Is this possible? If so, how would I go about it?

BTW, I’m aware of the closest() and “contains” selectors, just not sure if contains can be used on attribute values or not.

Answer 1

Just do:

tr = $(this).closest("[id^='nbContent_GR']");

that will traverse the DOM up until it finds a parent with ID starting with ‘nbContent_GR’