Question

假设我有一个包含7列的表，最后一列有一个按钮。所有行的最后一列都有一个按钮。现在我想要点击任意行的最后一列中的任何按钮，然后我需要将css类添加到该表行的第2，第3，第4单元格，其中单击了按钮。如何通过JQuery实现这一目标？

我无法想出任何代码，因为我不知道如何通过按钮点击发生的行的顺序位置来访问表格单元格。寻找完成此任务的想法。

Answer 1

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

的父行

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

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

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

eq（）采用索引位置，可以从结果集中获取特定的jQuery对象。

Answer 2

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

Answer 3

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

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");
  })
})

Jquery：如何通过顺序位置将css类添加到表格单元格

3 个答案: