JQuery - Trova il primo selettore di corrispondenze tra parentesi

Question

Come posso ottenere il primo elemento (successivo) nell'elenco che corrisponde al selettore?

Esempio:

<table> 
    <tr class="test"><td>not this one</td></tr> 
    <tr><td><a title="test">click</a></td></tr> 
    <tr><td>not this one</td></tr> 
    <tr class="test"><td>this one</td></tr> 
    <tr class="test"><td>ignore this as well</td></tr> 
</table> 

$("a").on('click', function(eve){ 
    $(this).parents("tr").???(".test").toggle(); 
}); 

---

modificare

ho bisogno la seguente riga. i fratelli ottengono anche altri (come la prima riga)

Answer 1

Utilizzare .nextAll() per ottenere i seguenti fratelli di un elemento e :first per ottenere il primo elemento abbinato.

Prova questo:

$("a").on('click', function(eve){ 
    $(this).parents("tr").nextAll(".test:first").toggle(); 
}); 

DEMO

Answer 2

si può provare utilizzando jQuery eq();

Dato un oggetto jQuery che rappresenta un insieme di elementi DOM, il metodo .eq() costruisce un nuovo oggetto jQuery da un elemento all'interno di tale insieme. L'indice fornito identifica la posizione di questo elemento nel set. Documentation on jQuery

<table> 
    <tr class="test"><td>not this one</td></tr> 
    <tr><td><a title="test">click</a></td></tr> 
    <tr><td>not this one</td></tr> 
    <tr class="test"><td>this one</td></tr> 
    <tr class="test"><td>ignore this as well</td></tr> 
</table> 

Il codice sarebbe selezionare il 2º fratello con la classe "test" della < tr> che è uno dei genitori al cliccato < a> (rosso questo modo inverso e hai ottenuto la tua codice):

$("a").on('click', function(){ 
    $(this).parents("tr").siblings(".test").eq(1).toggle(); 
}); 

Check the Pen!