Question

我基本上有一个包含5个不同列和10行的表。当有人点击row：

时，我希望发生以下情况

获取行的第一列文本值
警告我们之前获得的价值

我已经尝试了一些但是它获得了实际列的数据，这对我来说并不好。

$('.table tbody tr').click( function (e) {
    alert ($(e.target).text());
} );

任何帮助都将不胜感激。

Answer 1

试试这个：

$('.table tbody tr').click( function () {
    alert ($(this).find('td:first').text());
} );

Answer 2

试试这个：

var previousValue = ''
$('.table tbody tr').click( function (e) {
    alert(previousValue);
    previousValue = $(this).find('td:first').text());
});

如何设法获得第二个值

您可以使用基于零的eq()来获取集合中的特定项目：

var previousValue = ''
$('.table tbody tr').click( function (e) {
    alert(previousValue);
    previousValue = $(this).find('td').eq(1).text()); // second item
});

Answer 3

这应该有效：

$('tr').each(function() {
    $(this).click(function() {
        var selectedTd = $(this).children('td:first-child').text();
        alert(selectedTd);
    });
});

您也可以将td:first-child替换为:nth-child(1)，然后将数字增加，如:nth-child(2)，以定位您可能需要的其他子元素。

此处示例：http://jsfiddle.net/RxgwH/1/

Answer 4

$('.table tr td').click( function () {
    alert ($(this).text());
} );

Answer 5

这应该可以满足您的需求：

$('.table tbody tr').click( function () {
    alert($(this).children('td:first').text());
});

如何使用jQuery单击表行时获取特定列的文本？

5 个答案: