несколько элементов li, но показывают определенный div на элемент, а не все jquery - PullRequest
Новая
       23

несколько элементов li, но показывают определенный div на элемент, а не все jquery

0 голосов
/ 19 февраля 2012

У меня есть список, в котором я хочу, чтобы при наведении курсора показывался общий ресурс / удаление 

<ul class="folder-items">

  <li><a href="">This</a></li>
    <div class="folder-hover"><a href="">share</a><a href="">delete</a></div>

   <li><a href="">That</a></li>
    <div class="folder-hover"><a href="">share</a><a href="">delete</a></div>

  <li><a href="">Other</a></li>
    <div class="folder-hover"><a href="">share</a><a href="">delete</a></div>

</ul>

, но он нацелен на все .folder-hover, когда я наводю курсор на элементы .foldera

Как мне получить его, чтобы он включал только div для этого конкретного элемента li

мой текущий jquery 

$(document).ready(function () {
   $('.folder-items a').hover(function(){
     $('.file-hover').toggle();
   });
});​

Ответы [ 2 ]

1 голос
/ 19 февраля 2012

Во-первых, ваша разметка недействительна (div не может быть прямым потомком ul).Если вы исправите это, вы можете использовать siblings для выбора соответствующего folder-hover:

HTML: 

<ul class="folder-items">

  <li><a href="">This</a>
    <div class="folder-hover"><a href="">share</a><a href="">delete</a></div>
  </li>

   <li><a href="">That</a>
    <div class="folder-hover"><a href="">share</a><a href="">delete</a></div>
   </li>

  <li><a href="">Other</a>
    <div class="folder-hover"><a href="">share</a><a href="">delete</a></div>
  </li>

</ul>

JavaScript : 

$('.folder-items a').hover(function(){
   $(this).siblings('.folder-hover').toggle();
});
0 голосов
/ 19 февраля 2012

Попробуйте следующее 

$(this).parent().next('div.folder-hover').toggle();

Вызов parent() приведет вас к <li> и следующий захватит следующего брата, соответствующего селектору, который является div

Скрипка: http://jsfiddle.net/rNcrk/

...