How to get cells (<td>) x and y coordinate in table using jQuery?

javascript jquery coordinates
rochal picture rochal · Nov 21, 2009 · Viewed 16.9k times · Source

I'm looking for a good way to get cells X-Y position in a table. (do not confuse it with css-position, I am looking for X and Y coordinate in Cartesian coordinate system).

As we know, we can get particular cell in a table using ex: $('#grid')[0].rows[5].cells[7].

But, what if I want to get the value 5x7 when I click on particular cell, i.e:

$('#grid td').click(function(){
   alert("My position in table is: " + myPosition.X + "x" + myPosition.Y);
});

I guess, the easiest way is to add innerHTML, ID or CSS class to every cell (<td class="p-5x7"> etc.) when creating table in back end, then parse it, and return on click, but is there any way to get these coordinates based purely on DOM?

Answer

bobince picture bobince · Nov 21, 2009

DOM Level 2 HTML cellIndex:

alert('My position in table is: '+this.cellIndex+'x'+this.parentNode.rowIndex);

Related questions

How to find the element's x center coordinates and related window offset

i would like to retrieve the element offset starting from his own x center coordinates. how can i do it? Actually i can find the window offset of an element but it retrieves the coordinates from the border of the …

Read More
Select a portion of an image and retrieve its coordinates with jQuery

I need a way for user to select the portion of an image either by resizing transparent rectangle or by clicking and dragging the selection area (as it's done in desktop OS), both would work for me. Then i need …

Read More
How to return X and Y coordinates when using jquery.hammer.js

I am programming a little page using jquery.hammer.js and I have having problems getting the x and y coordinates of a touch event. my code is as follows: var x1, y1; var element = document.getElementById("myDIV") $(element).hammer().…

Read More