jQuery elemento più vicino con un attributo che contiene un valore

Question

ho qualche codice HTML simile a questo:

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

Entro una delle righe, voglio attraversare il DOM di trovare l'elemento più vicino che ha un attributo ID che inizia con "nbContent_GR". Quindi in pratica voglio essere in grado di trovare l'elemento genitore TR senza conoscerne l'esatto ID, solo il primo che inizia con "nbContent_GR". È possibile? Se è così, come potrei farlo?

BTW, sono a conoscenza dei selettori più vicini() e "contiene", ma non sono sicuro che i contenuti contengano o meno.

Answer 1

Basta fare:

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

che attraversare il DOM fino finché non trova un genitore con ID partendo

Answer 2

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

Answer 3

Due pagine utili 'nbContent_GR' da guardare:

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

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

Penso che sia possibile combinare questi per una soluzione.

Dall'interno del TR, trovare il TR più vicino. Quindi utilizzare il selettore "inizia con" per trovare un ID che inizia con il valore richiesto.

Es .:

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