jquery - 从 $(this) 元素获取 tr 中的第一个 td

Question

我有一个表，想要在按下同一行中的按钮时访问 tr 内容中的第一个 td。

这是 fiddle : http://jsfiddle.net/dLyxrh8r/2/

jQuery 代码

$('button').click(function(){
     console.log($(this).closest('tr td:first-child').html()); //get package name (prints null though)
    $('input[type=checkbox]:checked').each(function(i,elem) {
           if( $(elem).closest('tr td:first-child') == $(this).closest('tr td:first-child') ) //only count the ones in the same row
               console.log($(elem).prop("name");
    });
});

我做错了什么？

更新:http://jsfiddle.net/dLyxrh8r/3/

Answer 1

为了访问被单击元素的第一个 td 内容，请更改:

$(this).closest('tr td:first-child').html();

以下任意一项:

$(this).closest('tr').find('td:first-child').html();

$(this).closest('tr').find('td').eq(0).html();

$(this).closest('tr').find('td:first').html();

<小时/>

根据您想要实现的输出，您将使用以下内容:

Updated Example

$('button').click(function () {
     console.log($(this).closest('tr').find('td:first-child').text());
    $(this).closest('tr').find('input:checked').each(function () {
        console.log(this.name);
    });
});

这将记录包的名称，然后记录所单击按钮行中的任何选中的复选框。