Взаимодействие с DOM
Доброго времени суток господа.
Только начал изучать jQuery уже день бъюсь и никак не могу написать необходимый функционал. Есть следующий кусочек кода <ul class="menu"> <li class="item-menu"> <a href="home.aspx">О Компании</a> </li> <li class="item-menu"> <a href="services.aspx">Услуги</a> </li> <li class="item-menu"> <a href="specials.aspx"> <img src="Data/SiteImages/FeatureIcons/bug.gif" alt="Специальные предложения" /> Специальные предложения </a> </li> <li class="item-menu"> <a href="faq.aspx">Вопрос-Ответ</a> </li> <li class="item-menu"> <a href="contacts.aspx">Контакты</a> </li> </ul> Необходимо в каждый в текст ссылки каждого элемента li.item-menu вставить тэг BR, кроме элемента в котором есть изображение нем нужно просто убрать img. Код, который вставляет в каждую ссылку BR понятен $(document).ready(function() { $("li.item-menu > a").prepend("<br />"); }); Но как сделать условие? При котором BR вставляется только в элемент где нет img? Пробовал таким образом, но изображение убирается, но вот BR не ставиться $(document).ready(function() { var item = $("li.item-menu > a"); if (item.find("img")) { item.find("img").remove(); } else { item.prepend("<br />"); } }); |
$("li.item-menu > a:not(:has(img))").prepend('<br/>'); $("li.item-menu > a > img").remove(); |
Огромнейшее спасибо...работает :) и всего 2 строчки... сейчас буду разбираться в этом коде:)
|
Часовой пояс GMT +3, время: 08:25. |