При клике на ссылку смена класса соседнего DIV
Разметка
Таких блоков много. <div class="work-image-wrap"> <div class="work-image"> <img src="images/screens/1.jpg" alt="" class="img-adaptive"> </div> <div class="expand"> <span><a class="expand-link">развернуть</a></span> </div> </div> Нужно что бы при клике на ссылку "a.expand-link" добавлялся к диву ".work-image" класс "height-auto" Скрипт $(document).ready(function(){ (".expand-link").click(function () { $(".work-image").each(function(){ $(this).addClass("height-auto"); }); }); }); Сейчас класс добавляет, но к каждому DIV на странице, а нужно только к одному выбранному DIV. Что я не правильно сделал? |
arborik,
при клике найдите дедушку родителя - а у дедушки найдите соседа сверху :) |
Цитата:
$(document).ready(function(){ (".expand-link").click(function () { $(this).parent().parent().parent().find(".work-image").addClass("height-auto"); }); }); как-то так наверное, то бишь от нажатого клика мы поднимаемся выше по родителям доходим до верхушки, с нее начинаем искать внутри класс .work-image и добавляем нужный класс. |
Часовой пояс GMT +3, время: 09:25. |