выбор следующего элемента с классом в таблице

0

У меня есть список задач в таблице с тремя столбцами и несколькими строками. В столбце 1 у меня есть флажок. В столбце 2 у меня есть текст, а в столбце 3 у меня есть дата и две значки, которые сначала скрыты. При щелчке по флажку я добавляю класс в строку, в которой содержится щелчок. Класс отмечает элемент как "сделан". Но добавления одного класса недостаточно, я также хочу показать две иконки, которые сначала скрыты. Поэтому я хочу показать только два в строке, в которой содержится флажок с щелчком.

Обманывали со следующими и родителями, а остальную семью, но не успешно.

Любая помощь в этом была бы сладкой!

на данный момент у меня есть jquery wise

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

создал jsfiddle здесь http://jsfiddle.net/zf7HH/1/

  • 0
    Просмотр вашего HTML в вопросе будет полезным.

3 ответа

2
Лучший ответ

Кроме того, нет необходимости переключать этот другой класс, просто используйте тот, который применяется к tr:

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

DEMO


С исправлением внешнего исправления: DEMO

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

Вам нужно подойти еще одному родителю, а затем использовать метод 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();
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню