Javascript 从特定列获取值
我试图在点击每一列时提醒消息。我有一个表,其中有三行四列,现在我想要在每个表的第三列单击上显示下一列值的警报消息。我尝试过这个方法,但所有列都得到值,而不是某个特定的列。我的问题是这是在每列单击中调用,但我只希望在每行的第三列单击时收到警报消息 HTML 演示试试这个:Javascript 从特定列获取值,javascript,jquery,css,html-table,Javascript,Jquery,Css,Html Table,我试图在点击每一列时提醒消息。我有一个表,其中有三行四列,现在我想要在每个表的第三列单击上显示下一列值的警报消息。我尝试过这个方法,但所有列都得到值,而不是某个特定的列。我的问题是这是在每列单击中调用,但我只希望在每行的第三列单击时收到警报消息 HTML 演示试试这个: var thirdEle = $("#myTable tr td:nth-child(3)"); thirdEle.bind("click", function () { alert($(this).html()); }
var thirdEle = $("#myTable tr td:nth-child(3)");
thirdEle.bind("click", function () {
alert($(this).html());
});
$('#myTable').children('tr').children('td').eq(3).on('click', function() {
alert($(this).next().html());
});
试试这个:
var thirdEle = $("#myTable tr td:nth-child(3)");
thirdEle.bind("click", function () {
alert($(this).html());
});
$('#myTable').children('tr').children('td').eq(3).on('click', function() {
alert($(this).next().html());
});
试试这个
$('table#myTable tr td:nth-child(3)').on('click', function() {
alert($(this).next().html());
});
检查试试这个
$('table#myTable tr td:nth-child(3)').on('click', function() {
alert($(this).next().html());
});
检查并尝试以下操作:
var thirdEle = $("#myTable tr td:nth-child(3)");
thirdEle.bind("click", function () {
alert($(this).html());
});
$('#myTable').children('tr').children('td').eq(3).on('click', function() {
alert($(this).next().html());
});
上述函数确保调用的是直接子元素,而不是任何嵌套的其他相同元素。解决未来的回归问题。尝试以下方法:
var thirdEle = $("#myTable tr td:nth-child(3)");
thirdEle.bind("click", function () {
alert($(this).html());
});
$('#myTable').children('tr').children('td').eq(3).on('click', function() {
alert($(this).next().html());
});
上述函数确保调用的是直接子元素,而不是任何嵌套的其他相同元素。解决未来的回归问题。如果您的表要保持不变,那么有些答案已经起作用了。如果您的桌子将增长,我建议您进行一些活动授权。如果有大量的事件侦听器,它将显著加快页面速度
$('#myTable').on('click', 'td:nth-child(3)', function(){
alert($(this).text());
});
看看这个,还有这个。如果您的表要保持不变,那么有些答案已经起作用了。如果您的桌子将增长,我建议您进行一些活动授权。如果有大量的事件侦听器,它将显著加快页面速度
$('#myTable').on('click', 'td:nth-child(3)', function(){
alert($(this).text());
});
查看此代码和此代码。请尝试此代码
$(document).ready(function () {
$('#myTable tr').each(function (Mindex, Mval) {
$(Mval).find('td:eq(2)').click(function () {
alert($(Mval).find('td:eq(3)').html());
});
});
请尝试此代码
$(document).ready(function () {
$('#myTable tr').each(function (Mindex, Mval) {
$(Mval).find('td:eq(2)').click(function () {
alert($(Mval).find('td:eq(3)').html());
});
});
下面的代码将查找并设置所需的列值
$('#myTable tr:gt(0)').each(function(){
// console.log($('td:eq(3)', $(this)).html());
alert($('td:eq(3)', $(this)).html());
$('#myTable').find('tr:gt(0)').find('td:eq(3)').html("hello");
});
下面的代码将查找并设置所需的列值
$('#myTable tr:gt(0)').each(function(){
// console.log($('td:eq(3)', $(this)).html());
alert($('td:eq(3)', $(this)).html());
$('#myTable').find('tr:gt(0)').find('td:eq(3)').html("hello");
});