Показать сообщение отдельно
  #1 (permalink)  
Старый 23.02.2013, 10:56
Аспирант
Отправить личное сообщение для Iktash Посмотреть профиль Найти все сообщения от Iktash
 
Регистрация: 03.07.2012
Сообщений: 43

Не могу разобраться с навигацией по 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 в строке. А как найти только соседнего?
Заранее благодарен за любые советы и отсылы к мануалам - я не нашел ответа на свой вопрос.
Ответить с цитированием