javascript - 选择表中具有类的下一个元素

Question

我在一个包含 3 列和多行的表中有一个任务列表。在第 1 列中，我有一个复选框。在第 2 列中我有一些文本，在第 3 列中我有一个日期和两个最初隐藏的图标。单击复选框时，我将一个类添加到包含单击的复选框的行。该类将元素标记为“完成”。但是仅仅添加类是不够的，我还想显示最初隐藏的两个图标。所以我只想在包含单击的复选框的行中显示这两个。

一直在和 next 和 parent 以及家里的其他人鬼混，但没有成功。

任何对此的帮助都会很贴心!

目前我对 jquery 的了解是这个

$('.task-checkbox').click(function() {
  $(this).closest('tr').toggleClass('task-done');
  $(this).parent().next('.done-n-delete-icons').toggle();
});

在这里创建了一个 jsfiddle http://jsfiddle.net/zf7HH/1/

Answer 1

否则，无需切换其他类，只需使用应用于 tr 的类即可:

.task-done .done-n-delete-icons {
    display:block;
}

DEMO

---

修复了外部资源: DEMO