jQuery nextAll 以各函数无返回为准

发布于 2024-12-11 18:37:21 字数 547 浏览 0 评论 0原文

以下代码旨在将一个过程应用于单击之前和之后容器的所有子元素。它以某种方式被破坏了。我从未使用过 nextAll 或 prevAll 因此它可能与错误的编码有关。

$('.bounceholder ul').prevAll().each(function(){
            $(this + ' li').each(function(){
                $(this).animate({left: -200, top:-8, leaveTransforms:true}, 600);
            });
        });


        $('.bounceholder ul').nextAll().each(function(){
            $(this + ' li').each(function(){
                $(this).animate({left: +1000, top:-8, leaveTransforms:true}, 600);
            });
        });

问题出在哪里

原文

The following code was designed to apply a procedure to all the child elements of containers before and after the one being clicked. It is broken in some way. I have never used nextAll or prevAll so it is probably related to bad coding.

$('.bounceholder ul').prevAll().each(function(){
            $(this + ' li').each(function(){
                $(this).animate({left: -200, top:-8, leaveTransforms:true}, 600);
            });
        });


        $('.bounceholder ul').nextAll().each(function(){
            $(this + ' li').each(function(){
                $(this).animate({left: +1000, top:-8, leaveTransforms:true}, 600);
            });
        });

Where's the problem

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

别理我 2024-12-18 18:37:21

试试这个：

    $('.bounceholder ul').prevAll().each(function() {
        $('li', this).animate({left: -200, top:-8, leaveTransforms:true}, 600);
    });


    $('.bounceholder ul').nextAll().each(function(){
        $('li', this).animate({left: +1000, top:-8, leaveTransforms:true}, 600);
    });

Try this:

    $('.bounceholder ul').prevAll().each(function() {
        $('li', this).animate({left: -200, top:-8, leaveTransforms:true}, 600);
    });


    $('.bounceholder ul').nextAll().each(function(){
        $('li', this).animate({left: +1000, top:-8, leaveTransforms:true}, 600);
    });

回复收藏 0 原文

度的依靠╰つ 2024-12-18 18:37:21

已经给出了一个很好的答案（使用 this 作为上下文，而不是尝试将其与字符串 li 连接），但您可以使用 siblings 作为更短的替代方案：

$('.bounceholder ul').siblings().each(function() {
    $('li', this).animate({left: -200, top:-8, leaveTransforms:true}, 600);
});

prevAll 返回所有前面的同级，并且 < code>nextAll 返回以下所有内容所选元素的同级元素，siblings 应提供完全相同的功能，但只需要一个代码块。

A good answer has already been given (using this as a context rather than trying to concatenate it with the string li) but you could use siblings as a shorter alternative:

$('.bounceholder ul').siblings().each(function() {
    $('li', this).animate({left: -200, top:-8, leaveTransforms:true}, 600);
});

As prevAll returns all the preceding siblings, and nextAll returns all the following siblings of the selected element, siblings should provide exactly the same functionality but only requires the one block of code.

回复收藏 0 原文

~没有更多了~