jquery - jquery 选择表中对应的列

Question

我有下表标记

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

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

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

我想要实现的是 - 当用户单击其中一列中的复选框时，我想将一个类添加到同一行中的列（删除的 id）。我怎样才能做到这一点？该列可能不在复选框旁边的列中。

Answer 1

首先，您应该使用classdelete，因为id属性必须是唯一的，然后这样的事情应该可以工作：

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

Answer 2

演示

一页不能有多个ID！！！

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

http://api.jquery.com/closest/
http://api.jquery.com/find/
http://api.jquery.com/addclass/

那是直接回答你的问题。
但谈到复选框，我想你想要这个切换功能：

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

演示

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

该方法是负责在元素的子元素中.find()搜索 a的人。.delete.closest()

Answer 3

试试这个：

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

当复选框更改时，这将切换类。

• when checked添加一个类。
• when unchecked删除添加的类。

笔记：

用作代替delete_css class nameid named delete