Question

这大致是我的设置：

<div class="wrapper">
    <div class="first">
        <a class="button" href="">click</a>
    </div>

    <div class="second">
         <div class="third">
             Stuff
         <div>
    </div>
</div>

好的，所以我想要的是：当你点击一个标签时，.third div应该是动画。

到目前为止我所拥有的是：

button.click ->
    third.animate
        left: '+=100%'

问题是，我在一个页面上有多个这些包装器。因此，当我点击按钮时，每个＆＃39;第三个＆＃39;页面上的div动画。我怎样才能选择正确的那个呢？

谢谢！

Answer 1

试试这个：

$('a').click(function(){
     var third = $(this).closest('.wrapper').find('.third'); 
     //use third variable to animate
});

您可以使用closest或parents。

Answer 2

如果您只需要一个div进行动画处理，请为div指定一个id，并仅通过$("#third").animate("left", "100%");

为该动画添加动画

Javascript dom选择下一个元素

2 个答案: