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

Jquery:如何按顺序位置将css类添加到表单元格中,jquery,Jquery,假设我有一个有7列的表,最后一列有一个按钮。所有行的最后一列将有一个按钮。现在我想,当我点击任何行最后一列中的任何按钮时,我需要将css类添加到点击按钮的表格行的第二、第三、第四个单元格中。如何通过JQuery实现这一点 我想不出任何代码,因为我不知道如何按按钮单击所在行的顺序位置访问表单元格。正在寻找完成此操作的想法。此设置为在处理程序上单击的元素。使用它来备份和获取父行,然后您可以找到子行,如果您在按钮上绑定,那么在处理程序中,您可以使用 $(this).closest('tr'); 然后

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


我想不出任何代码,因为我不知道如何按按钮单击所在行的顺序位置访问表单元格。正在寻找完成此操作的想法。

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

,如果您在按钮上绑定,那么在处理程序中,您可以使用

$(this).closest('tr');
然后从那里你可以找到具体的tds

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

eq()的索引位置将允许您从结果集中获取要操作的特定jQuery对象。

请查看以下更新的fiddle:

在这里,我使用了
:n个子项
来定位所需的单元格:

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

你可以发布你的html吗?这里有完整的html示例,如何按顺序位置查找子td?我不建议使用顺序位置,但你可以(如果你坚持的话,可以使用第n个子选择器)将语义类名添加到这些行中吗?这就产生了更好、更健壮的代码。等式(3)的意思是什么?3是位置,它是基于0的