Question

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

一直在与下一个和父母以及其他家庭一起愚弄，但没有成功。

对此的任何帮助都会很好！

此刻，我有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

Answer 2

您需要再增加一个父级，然后使用find方法。

http://jsfiddle.net/zf7HH/2/

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

Answer 3

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

用表中的类选择下一个元素

3 个答案: