ottenendo nth-child del genitore

Question

Ho una tabella in cui ho bisogno delle prime due celle di ogni riga cliccabili (NON l'intera riga). Quando clicco sulla prima o sulla cella seccond, voglio ottenere il valore della terza cella di quella stessa riga. Per chiarire, quando premo il a1 Voglio che l'avviso mostri c1, Se premo Voglio che mostri c2 e Se premo c3 Non voglio che accada nulla.

Come potete vedere, il mio alert($(this).parent(':nth-child(3)').text()); non funziona .. come posso ottenere questo?

$('td:nth-child(-n+2)').on("click", function(){ 
 
    alert($(this).parent(':nth-child(3)').text()); //Doesn't work 
 
});

td{ 
 
    border: 1px solid black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
     <td>a1</td> 
 
     <td>b1</td> 
 
     <td>c1</td> 
 
    </tr> 
 
    <tr> 
 
     <td>a2</td> 
 
     <td>b2</td> 
 
     <td>c2</td> 
 
    </tr> 
 
    <tr> 
 
     <td>a3</td> 
 
     <td>b3</td> 
 
     <td>c3</td> 
 
    </tr> 
 
</table>

Answer 1

è necessario utilizzare .closest('tr') .. per selezionare tr genitore e .find() per selezionare td:nth-child(3)

$('td:nth-child(-n+2)').on("click", function(){ 
    alert($(this).closest('tr').find('td:nth-child(3)').text()); 
}); 

Working Demo

Answer 2

È possibile utilizzare

$('td:lt(2)').on("click", function() { 
    alert($(this).parent().find("td:eq(2)").text()); //Doesn't work 
}); 

Fiddle

• lt(2) otterrà gli elementi specificati cui indice è inferiore a 2
• eq(2) selezionerà l'elemento il cui indice è uguale a 2

Answer 3

Usa questa

$(this).parent().children(':nth-child(3)').text() 

Seleziona il pa affitto e poi un figlio di esso.

JsFiddle

Answer 4

questo lavoro per me:

$('table tr').each(function(){ 
    $(this).find('td:lt(2)').on("click", function() { 
      var text = $(this).parent().find("td:eq(2)").text(); 
      console.log(text); 
    }); 
});