Форум PHP программистов > JQuery нужен правильный селектор

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: JQuery нужен правильный селектор

Stasonix

22.12.2011 - 09:44

вложенныые ul:


<ul>
    <li><a href="#">word</a>
        <ul>
          <li>test</li>
        </ul>
    </li>
    <li><a href="#">this text must be red color</a>
        <ul>
          <li>test</li>
        </ul>
    </li>
    <li><a href="#">word</a>
        <ul>
          <li>test</li>
        </ul>
    </li>
</ul>



В общем нужно при ховер на ул обратиться к след. тегу li a, как такой селектор будет выглядеть?

допустим пусть будет текст ссылки становиться красным цветом.
вот fiddle

Спустя 22 минуты, 8 секунд (22.12.2011 - 09:06) Michael написал(а):

Цитата

В общем нужно при ховер на ул

я так понимаю - на внутренний ul - вот этот:

Свернутый текст

Тогда так:

$('ul li ul').hover(function(){
  $(this).parent().next('li').find('a').css('color','red');
});

Спустя 14 часов, 6 минут, 46 секунд (22.12.2011 - 23:13) Stasonix написал(а):

ни на внутренний, вообще пропустим ul, при ховер на li, которые самые 1-ые, я обновил фидл, так нагляднее:

вот мой фиддл: http://jsfiddle.net/Stasonix/mNPXY/1/

там хоть и ссылка в селекторе, но по сути это тот же li, для меня никакой разницы, мне важна сама консепция такого селектора.

Спустя 10 часов, 13 минут, 53 секунды (23.12.2011 - 09:27) Michael написал(а):

Stasonix, ты вообще что ли уже думать разучился?
Мой код БЕЗ ИЗМЕНЕНИЙ выше, как раз это и делает...

$('.mainli a').hover(function(){
  $(this).parent().next('li').find('a').css('color','red');
});

Спустя 10 минут, 36 секунд (23.12.2011 - 09:37) Stasonix написал(а):

да, этот код-то делает, но это я минимально отобразил то что мне нужно, на самом деле селектор у меня вообще по-другому получается, не знаю почему, вот:

 jQuery(this).parent().children().next().children('a').css('border','1px solid red');

НО! Это т.н. селектор выбирает все < a >, которые идут после текущей, а мне нужно только 1-дну след. < a > выбрать, как это сделать не знаю пока что.

Спустя 15 минут, 14 секунд (23.12.2011 - 09:52) Michael написал(а):

Цитата (Stasonix)

да, этот код-то делает, но это я минимально отобразил то что мне нужно

ну извини

, я отвечал на заданный вопрос, а телепатически понять что тебе на самом деле надо - нет способностей.

Спустя 2 минуты, 34 секунды (23.12.2011 - 09:55) Michael написал(а):

И не создавай дублей тем

Michael

Спустя 9 часов, 29 минут, 41 секунда (23.12.2011 - 19:25) Stasonix написал(а):

да, все, разобрался, тема закрыта, изв. за дубль, больше не буду.

п.с.


<!-- jMENU -->
            <div class="menu">
 <ul class='ceul'>
     <li class='lev'>
      <a class='zagol first' href="#"><span>MAIN TEST 1</span></a>
     </li>
     <li class='lev'>
        <a class='zagol' href="#"><span>MAIN TEST 2</span></a>
         <ul class='vnul'>
             <li class='item'><a href="#">test 1</a></li>
             <li class='item'><a href="#">test 2</a></li>
             <li class='item'><a href="#">test 3</a></li>
         </ul>
     </li>
     <li class='lev'>
        <a class='zagol' href="#"><span>MAIN TEST 3</span></a>
          <ul class='vnul'>
             <li class='item'><a href="#">test 1</a></li>
              <li class='item'><a href="#">test 2</a></li>
              <li class='item'><a href="#">test 3</a></li>
          </ul>
     </li>
     <li class='lev'>
        <a class='zagol' href="#"><span>MAIN TEST 4</span></a>
         <ul class='vnul'>
             <li class='item'><a href="#">test 1</a></li>
              <li class='item'><a href="#">test 2</a></li>
              <li class='item'><a href="#">test 3</a></li>
        </ul>
      </li>
     <li class='lev'>
        <a class='zagol' href="#"><span>MAIN TEST 5</span></a>
     </li>
     <li class='lev'>
        <a class='zagol' href="#"><span>MAIN TEST 6</span></a>
     </li>
     <li class='lev'>
      <a class='zagol' href="#"><span>MAIN TEST 7</span></a>
     </li>
 </ul>
</div> <!-- // END jMENU -->


  $('ul.ceul li').hover(function(){
    $(this).next('li').find('.zagol').css('color','red');
},function(){
    $(this).next('li').find('.zagol').css('color','');
});

дошло, признаю, ни без вашей помощи, только что вылечил!

Быстрый ответ:

Здесь расположена полная версия этой страницы.