Не могу разобраться с навигацией по DOM
Помогите, пожалуйста разобраться.
Есть таблица(Привожу одну строчку): <table> <tr> <td><div class="form_check" data="internet"></div</td><td>Интернет</td> <td><div class="form_check" data="smoke"></div></td> <td>Для курящих</td> <td><div class="form_check" data="pet"></div></td> <td>С животными</td> </tr> </table> Я использую эти div как checkbox. В случае выбора добавляю им класс. Выглядит это так: $('#form_middle_conveniences .form_check').click(function(){ $(this).toggleClass('form_check_active'); return false; }); И далее при обработке читаю их data. Тут все работает. Проблема возникла, когда появилась необходимость сделать так, что бы по щелчку на надпись то же менялся класс у div. Написал так: $('#form_middle_conveniences td').click(function(){ $(this).closest('tr').children('td').children('.form_check').toggleClass('form_check_active'); return false; }); Думаю, что всем понятно, что таким образом меняется класс у всех div в строке. А как найти только соседнего? Заранее благодарен за любые советы и отсылы к мануалам - я не нашел ответа на свой вопрос. |
$(this).prev().children('.form_check').toggleClass('form_check_active') |
Спасибо огромное сработало. Я вообще про prev() как-то не знал. Теперь буду курить маны и читать про него.
|
Часовой пояс GMT +3, время: 04:20. |