jquery选择表中相应的列

我有下表的加价

<table>
 <tr>
  <td>
   <checkbox />
  </td>
  <td id="delete">

  </td>  
 </tr>
 <tr>
  <td>
   <checkbox />
  </td>
  <td id="delete">

  </td>  
 </tr>
</table>

我想要达到的是-

---

当用户单击其中一列中的复选框时，我想向同一行中的列（id为delete）添加一个类。我怎样才能做到这一点？该列可能不在复选框旁边的列中。

首先，您应该使用delete的

class

，因为

id

属性必须是唯一的，然后类似的内容应该可以工作：

$('input[type="checkbox"]').change(function() {
    $(this).closest('td').siblings('.delete').addClass('foo');
});

---

首先，您应该使用delete的

class

，因为

id

属性必须是唯一的，然后类似的东西应该可以工作：

$('input[type="checkbox"]').change(function() {
    $(this).closest('td').siblings('.delete').addClass('foo');
});

一页中不能有多个ID

$('table :checkbox').change(function(){
  $(this).closest('tr').find('.delete').addClass('something');
});

这是为了直接回答您的问题。
但是说到复选框我想你想要这个切换功能：

$('table :checkbox').change(function(){
  $(this).closest('tr').find('.delete').toggleClass('something');
});

该列可能不在复选框旁边的列中

.find（）

方法将在

.closest（）

元素的子元素中搜索

.delete

。

一页中不能有多个ID

$('table :checkbox').change(function(){
  $(this).closest('tr').find('.delete').addClass('something');
});

这是为了直接回答您的问题。
但是说到复选框我想你想要这个切换功能：

$('table :checkbox').change(function(){
  $(this).closest('tr').find('.delete').toggleClass('something');
});

该列可能不在复选框旁边的列中

.find（）

方法是在

.closest（）

元素的子元素中搜索

.delete

的方法。

尝试以下操作：

$('input[type="checkbox"]').change(function() {
   $(this).closest('td').siblings('.delete').toggleClass('ToBeAddedClass');
});

这将在复选框更改时切换类

• 选中时

  添加一个类

• 取消选中时

  删除添加的类

注: 使用

delete

作为

css类名

而不是名为delete的

id

尝试以下操作：

$('input[type="checkbox"]').change(function() {
   $(this).closest('td').siblings('.delete').toggleClass('ToBeAddedClass');
});

这将在复选框更改时切换类

• 选中时

  添加一个类

• 取消选中时

  删除添加的类

注: 使用

delete

作为

css类名

而不是名为delete的

id