Форум

utb · #1 (**permalink**) 21.11.2011, 09:06

Друзья, сейчас парюсь с выборками. Че то я немного не догоняю
Вот например, есть меню типа:

<ul class="menu">
<li><a href="#">Ссылка в меню 1<span><img src="/images/right.png" id="tada" alt=""></span></a></li>
<li><a href="#">Ссылка в меню 2<span><img src="/images/right.png" id="tada" alt=""></span></a>
 <ul><li><a href="#">Подменю 1</a></li>
	<li><a href="#">Подменю 1</a></li>
</ul></li>
</ul>

оно не распаковано, т.е. подменю изначально не видно, прячем его. о том что там подменю говорит картинка right.png ->
теперь открывается меню

<ul class="menu">
<li><a href="#">Ссылка в меню 1<span><img src="/images/right.png" id="tada" alt=""></span></a></li>
<li><a href="#">Ссылка в меню 2<span><img src="/images/bottom.png" id="tada2" alt=""></span></a>
 <ul><li><a href="#">Подменю 1</a></li>
	<li><a href="#">Подменю 1</a></li>
</ul></li>
</ul>

меняется картинка на bottom.png и мы видим подменю))

теперь вопрос: как сделать элемент меню со ссылкой меню 2 background другим цветом?
Делаю так, не выходит:
$("ul.menu li:has(#tada2)").css("background", "#ccc");

хде я туплю?
заранее спасибо

DjDiablo · #2 (**permalink**) 21.11.2011, 09:35

$("ul.menu li:has(#tada2)").css("background", "#ccc");
Нашёл ul с классом menu, внутри нашёл li содержащий в себе элемент #tada2, изменил у него css.
Всё правильно. Видимо твоя ошибка не здесь.

здесь всё работает.

<!DOCTYPE HTML>
<html>
<body>   
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
 $("ul.menu li:has(#tada2)").css("background", "#ccc");
});         
</script>

<ul class="menu">

   <li><a href="#">Ссылка в меню 1<span><img src="/images/right.png" id="tada" alt=""/></span></a></li>

   <li><a href="#">Ссылка в меню 2<span><img src="/images/bottom.png" id="tada2" alt=""/></span></a>

        <ul>
            <li><a href="#">Подменю 1</a></li>
            <li><a href="#">Подменю 1</a></li>
       </ul>
   </li>
 
</ul>

</body>
</html>

utb · #3 (**permalink**) 22.11.2011, 09:30

Спасибо, но это пугающе страшно

)
будем искать

Форум

Справочник

Discord чат

Курсы javascript