wie bekomme ich die td geklickt mit tr

Question

Ich habe eine tr mit einem Klick Listener. Ich möchte wissen, welche td war derjenige geklickt:

<tr class ="clickingClass"> 
    <td> first td </td> 
    <td> second td </td> 
</tr> 

$(".clickingClass").on('click', function() { 
    $(this).closest('td'); 
}); 

Die oben nichts zeigt. Wie kann ich das machen?

Answer 1

Die Frage verwenden, weil closest() das DOM nach oben geht, es nicht nach unten.

zu tun, was Sie verlangen, dass Sie stattdessen den Event-Handler direkt auf die td Elemente anbringen könnte:

$(".clickingClass td").on('click', function() { 
    // do something with $(this)... 
}); 

Alternativ können Sie verwenden, um die target Eigenschaft des an die Prozedurfunktion übergeben Ereignis zu bestimmen, welche td geklickt wurde :

$(".clickingClass").on('click', function(e) { 
    // do something with $(e.target)... 
}); 

Answer 2

können Sie event.target für dieses

$(".clickingClass").on('click',function(event){ 
    alert(event.target); 
}); 

Answer 3

Warum nicht an die td s stattdessen binden?

$(".clickingClass td").on('click',function(){ 
    this //td 
});