Question

HTML代码可能如下所示......

              <tr data-mainrow>
                 <td class='column1'>This is col1</td>
                 <td class='checkbox'>Test</td>
              </tr>
              <tr data-mainrow>
                 <td class='column1'>This is col1</td>
                 <td class='checkbox'>Test</td>
              </tr>
need this---> <tr data-mainrow>
                 <td class='column1'>This is col1</td>
                 <td class='checkbox'>Test</td>
              </tr>
start here--> <tr></td><td class='checkbox'>Test</td></tr>

我的目标是选择tr[data-mainrow]的孩子上方的第一个td，其中checkbox ...

$(".checkbox").closest(tr[data-mainrow]).find(".column1").text(); // should output This is col1 but not working

Answer 1

您希望使用this作为事件处理程序中的起点从复选框的实例进行遍历。

示例：

$(".checkbox").click(function(){  
     /* "this" is the element the event is firing on*/  
    var $row = $(this).closest('tr');
    var columntext = $row.find('.column1').text();
    alert(columnText);

});

我已经使用closest()假设您实际上可以在td内使用输入，因此无论嵌套如何都可以使用

Answer 2

这样做。

$(".checkbox").click(function(){
     var tr = $(this).parents('tr');
});

如何使用jquery查找特定的tr行？

2 个答案: