获取列值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());
    });
});