У меня есть список задач в таблице с тремя столбцами и несколькими строками. В столбце 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/
$('.task-checkbox').click(function() {
$(this).closest('tr').toggleClass('task-done');
$(this).closest('tr').find('.done-n-delete-icons').toggle();
});
Вам нужно подойти еще одному родителю, а затем использовать метод find.
$('.task-checkbox').click(function() {
$(this).closest('tr').toggleClass('task-done');
$(this).parent().parent().find('.done-n-delete-icons').toggle();
});