使用jquery更改表中的行

Question

使用Javascript，我正在尝试更改表格行的第一个TD的类。使用出现在同一行的按钮。我在“addClass”之前添加了什么，使它只针对它所在的行，以及该行的第一个表数据？

$("table").on("click", ".checkbox", function() {
 .addClass("line");
});

Answer 1

您可以使用 $（this）和 .closest（）来获取父行..以及 .find（） td并使用：第一个来选择第一个

$("table").on("click", ".checkbox", function() {
   $(this).closest('tr').find('> td:first').addClass("line");
});

或者您可以使用 .first（）

$("table").on("click", ".checkbox", function() {
    $(this).closest('tr').find('> td').first().addClass("line");
});

Answer 2

Eliezer -

您将要为要应用单击处理程序的按钮设置类。这样你就可以为所有这些按钮调用选择器。然后，您将使用父调用来获取该按钮所属的TD。看起来应该是这样的：

$('.button-class').on('click', function() {
    $(this).parent.addClass('new-class');
});