Determining target TD when TR is clicked

Question

Given some click event for a table row:

$("tr.somerow").click(function(){
    //do some stuff
    //can I determine the TD under the cursor at the time of clicking?
})

Can I determine which TD (or any child elements) was under the cursor at the time of clicking?

Answer 1

If you are able to change the script then do so to take advantage of jquerys .delegate function. This avoids having multiple bound click events and also in the event handler the this context will be that of the clicked td element.

$('tr.somerow').delegate('td', 'click', function(){

   //this refers to the td

})

Answer 2

$("tr.somerow").click(function(e){
  var target = $(e.target); // sets to the td or the element that was clicked
  //do some stuff
})

To find the clicked <td> regardless of any child elements, use var target = $(e.target).closest("td"); instead.

Answer 3

A couple mostly correct answers, but one misses the closest, and the other does a lot of unnecessary error handling.

$("tr.selector").click(function(e){
    var td = $(e.target).closest('td');
});