Question

Table row example:

<tr class="row"><td>Blah</td><td>Blah 2</td></tr>

how to go from here:

$('row').click(function(){

});

So when a td cell of the row is clicked on, if gives me the (x,y) co-ordinates of the top right corner of the row?

Answer 1

You’re probably looking for offset() or position(), depending on what the distance should be relative of:

$('row').click(function(){
    $(this).offset(); //returns an object with top and left values relative to the document
    //or
    $(this).position(); //returns an object with top and left values relative to the parent
});

normally used like so (same for both methods) :

 $('row').click(function(){
     var left = $(this).offset().left + $(this).width(),
          top = $(this).offset().top;
});