獲取列值onclick HTML表

Question

我有這個HTML表：

塔貝拉

   |A|B|C|D|
   _________
001|M|N|O|P|
002|R|S|T|U|

使用此腳本，我可以獲取第1行的值e。 onclick N獲得值001

var table = document.getElementById("tabela");
var rows = table.rows;
for (var i = 1; i < rows.length; i++) {
    rows[i].onclick = (function() {
        var rowid = (this.cells[0].innerHTML); 
        window.location.href = "next.php?rowidphp="+ rowid;
               });
            }

關鍵是我需要獲取列的第一個值e。 onclick N應該得到值B

我正在嘗試一切，但我可​​以達到目的。

Answer 1

這是小提琴： http : //jsfiddle.net/t7G6K/

var table = document.getElementById("tabela");
var rows = table.rows;
for (var i = 1; i < rows.length; i++) {
    rows[i].onclick = (function (e) {
        var rowid = (this.cells[0].innerHTML);
        var j = 0;
        var td = e.target;
        while( (td = td.previousElementSibling) != null ) 
            j++;
        alert(rows[0].cells[j].innerHTML);
    });
}

Answer 2

嘗試這個：

table = document.getElementById("tablea");
var rows = table.rows;
for (var i = 1; i < rows.length; i++) {
    rows[i].cells[2].onclick = function (e) {
        rowid = e.target.previousElementSibling.previousElementSibling.textContent;
        alert(rowid);
    };
}

這是演示

Answer 3

jsFiddle http://jsfiddle.net/2dAkj/9/#

好的jQuery我會這樣做。

$(function () {
    $('table').on('click', function (e) {
        var x = $(e.target);
        var index = x.parents('tr').find('td,th').index(x);
        alert($(x.parents('table').find('tr').first().find('td,th')[index]).text());
    });
});