Question

我的jquery有问题。如何选择我只会徘徊的元素？

我猜它与$(this)有关，但问题是我不知道在这种情况下如何实现它。

这是我的jquery代码。

  <script>
    $(document).ready(function(){
      $('.nav_link').hover(function(){
        $('.nav_line').animate({
          width: '100px'
        }, 1000);
      }, function(){
        $('.nav_line').animate({
          width: '0px'
        }, 500);  
      });
    });
  </script>

HTML：

      <nav role="navigation" class="nav">
        <div class="nav_line"></div>
        <a class="nav_link" href="#">PASLAUGOS</a> 
        <a class="nav_link" href="#">KONTAKTAI</a>
      </nav>

感谢您的帮助。

Answer 1

$(document).ready(function(){
      $('.nav_link').hover(function(){
        $(this).parent().find('.nav_line').animate({
          width: '100px'
        }, 1000);
      }, function(){
        $(this).parent().find('.nav_line').animate({
          width: '0px'
        }, 500);  
      });
});

演示：

http://jsfiddle.net/PjswL/

Answer 2

只需在选择器中使用this的实例：

$('.nav_link').hover(function(){
    $(this).siblings(".nav_line").animate({
      width: '100px'
    }, 1000);
  }, function(){
    $(this).siblings(".nav_line").animate({
      width: '0px'
    }, 500);  
});

jQuery从同一个类中选择一个元素

2 个答案: