Jquery:如何按顺序位置将css类添加到表单元格中

Question

假设我有一个有7列的表，最后一列有一个按钮。一个按钮将出现在所有行的最后一列。现在，当我点击任何行最后一列中的任何按钮时，我需要将css类添加到点击按钮的表行的第二、第三、第四个单元格中。如何通过JQuery实现这一点？

我无法想出任何代码，因为我不知道如何通过单击按钮所在行的顺序位置访问表单元格。正在寻找完成这项工作的想法。

Answer 1

如果您绑定了按钮，那么在处理程序中，您可以找到带有的父行

$(this).closest('tr');

然后从那里你可以找到特定的tds

$(this).closest('tr').find('td').eq(3).addClass('whatever');

eq（）获取一个索引位置，使您可以从结果集中获得一个特定的jQuery对象来进行操作。

Answer 2

请查看以下更新的小提琴：

https://jsfiddle.net/qvy0y8sk/7/

在这里，我使用:nth-child来定位所需的单元格：

$(document).ready(function(){
    $(".edit-user,.save-user").click(function(){
    var tr = $(this).closest("tr");
    $(tr).find("td:nth-child(2)").addClass("newClass");
    $(tr).find("td:nth-child(3)").addClass("newClass");
    $(tr).find("td:nth-child(4)").addClass("newClass");
  })
})

Answer 3

this设置为处理程序上正在单击的元素。使用它来备份和获取父行，然后您可以找到子