0

我有下表标记

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

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

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

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

4

3 回答 3

2

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

$('input[type="checkbox"]').change(function() {
    $(this).closest('td').siblings('.delete').addClass('foo');
});
于 2013-01-21T10:08:05.000 回答
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()

于 2013-01-21T10:08:58.627 回答
0

试试这个:

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

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

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

笔记:

用作代替delete_css class nameid named delete

于 2013-01-21T10:09:42.950 回答