jQuery najbliżej elementu z atrybutem, który zawiera wartość

Question

mam jakiś kod HTML, który wygląda tak:

<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> 

W ramach jednego z wierszy, chcę przechodzić w górę DOM aby znaleźć najbliższy element, który ma atrybut ID zaczynający się od "nbContent_GR". Więc zasadniczo chcę móc znaleźć macierzysty element TR, nie znając jego dokładnego identyfikatora, tylko pierwszego, który zaczyna się od "nbContent_GR". czy to możliwe? Jeśli tak, to jak bym to zrobił?

BTW, jestem świadomy najbliższych() i "zawiera" selektorów, tylko nie wiem, czy można użyć wartości atrybutów, czy nie.

Answer 1

Wystarczy zrobić:

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

która będzie przechodzić przez DOM aż znajdzie rodzica z ID zaczynając

Answer 2

.closest('[id^="nbContent_GR"]') 

Answer 3

Dwa przydatnych stron 'nbContent_GR' patrzeć:

http://api.jquery.com/closest/

http://api.jquery.com/attribute-starts-with-selector/

Myślę, że można połączyć te rozwiązania.

Z wnętrza TR znajdź najbliższy TR. Następnie użyj selektora "zaczyna się od", aby znaleźć identyfikator zaczynający się od wymaganej wartości.

Np .:

$(this).closest("tr").parent().find("id^='nbContent_GR'");