使用jQuery查找在表中单击的行

时间:2011-06-07 06:31:51

标签: jquery function html-table click row

我一直在关注expandable rows的指南,现在我想知道我的表格中点了哪一行。

该表格格式为:

Parent
--child
--child
Parent
etc.

单击子行时,我想知道单元格中的文本(仅文本,而不是html或更多信息)。如何检索该数据?

$(function() {
    $('tr[class^=child-]')
    .css("cursor","pointer")
    .attr("title","Click for more info")
    .click(function(){
        //Get row cell text (perhaps use $(this)?
    });
});

3 个答案:

答案 0 :(得分:1)

如果我正确理解您的问题,请尝试使用$(this).find('td:first').text()

答案 1 :(得分:1)

$(this).text()

docs

答案 2 :(得分:0)

要回答标题要求的问题,请在表格中找到该行:

$(document).on('click', 'table tr', function() {
    rn = this.rowIndex;
    alert('You clicked row: '+rn);
});

OR

$('table tr').click( function() {
    rn = this.rowIndex;
    alert('You clicked row: '+rn);
});