Javascript 单击HTML表获取列值
我有这个html表格: 塔贝拉Javascript 单击HTML表获取列值,javascript,html-table,Javascript,Html Table,我有这个html表格: 塔贝拉 |A|B|C|D| _________ 001|M|N|O|P| 002|R|S|T|U| 通过这个脚本,我可以得到第1行的值,e。单击N获取值001 var table = document.getElementById("tabela"); var rows = table.rows; for (var i = 1; i < rows.length; i++) { rows[i].onclick = (function() {
|A|B|C|D|
_________
001|M|N|O|P|
002|R|S|T|U|
通过这个脚本,我可以得到第1行的值,e。单击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;
});
}
var table=document.getElementById(“tabela”);
var rows=table.rows;
对于(变量i=1;i
问题是我需要得到第1列的值,e。单击N应获取值B
我什么都在试,但我能达到目的….这里是小提琴:
var table=document.getElementById(“tabela”);
var rows=table.rows;
对于(变量i=1;i
这是小提琴:
var table=document.getElementById(“tabela”);
var rows=table.rows;
对于(变量i=1;i
这是小提琴:
var table=document.getElementById(“tabela”);
var rows=table.rows;
对于(变量i=1;i
这是小提琴:
var table=document.getElementById(“tabela”);
var rows=table.rows;
对于(变量i=1;i
试试这个:
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);
};
}
table=document.getElementById(“tablea”);
var rows=table.rows;
对于(变量i=1;i
以下是试试这个:
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);
};
}
table=document.getElementById(“tablea”);
var rows=table.rows;
对于(变量i=1;i
以下是试试这个:
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);
};
}
table=document.getElementById(“tablea”);
var rows=table.rows;
对于(变量i=1;i
以下是试试这个:
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);
};
}
table=document.getElementById(“tablea”);
var rows=table.rows;
对于(变量i=1;i
这里是jsFiddle
好的,对于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());
});
});
JSFIDLE
好的,对于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());
});
});
JSFIDLE
好的,对于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());
});
});
JSFIDLE
好的,对于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());
});
});
请提供将单击的内容以及您想要的值?我不清楚你需要什么请提供什么将被点击,你想要什么价值?我不清楚你需要什么请提供什么将被点击,你想要什么价值?我不清楚你需要什么请提供什么将被点击,你想要什么价值?我不清楚你需要什么,但这只是一个简单的例子。它不是跨浏览器的。我保证只有现代浏览器。如果可以的话。+1被授予这只是一个简单的例子。它不是跨浏览器的。我保证只有现代浏览器。如果可以的话。+1被授予这只是一个简单的例子。它不是跨浏览器的。我保证只有现代浏览器。如果可以的话。+1被授予这只是一个简单的例子。它不是跨浏览器的。我保证只有现代浏览器。如果可以的话。+1被授予这是我在其他应用程序中拥有的,请查找行。。。。。我需要找到列这是我在其他应用程序中的列,找到行。。。。。我需要找到列这是我在其他应用程序中的列,找到行。。。。。我需要找到列这是我在其他应用程序中的列,找到行。。。。。我需要找到像第一个Answer一样的专栏,tks。当我获得这个荣誉时,+1就被授予了。就像第一个Answer,tks一样工作。当我获得这个荣誉时,+1就被授予了。就像第一个Answer,tks一样工作。当我获得这个荣誉时,+1就被授予了。就像第一个Answer,tks一样工作。当我获得这个荣誉时,+1就被授予了。