jQuery技术:如何使用jQuery对一定数量的元素进行分组?

我需要一些关于使用jQuery选择项目的快速帮助。 这可能是一个非常简单的解决方案,但是…除了克隆和复制元素之外,我看不到一个正确的解决方案。 所以,我们走了。 我在页面上有这种结构:

https://content.screencast.com/users/iamntz/folders/Jing/media/2fa05c60-f4fc-4178-b9b6-187831e1ca31/2010-11-22_1741.png

我想将每个六个元素组合成一个包装元素,以便有.quotesWrapper > (.sixQuoteWrapper > .quote * 6) * 4

知道我怎么能做到这一点? 谢谢!

    如果我再给它几分钟的话,我相信我可以在没有每个的情况下得到这个,但是这样可行。

    这是一个小提琴

     $('.quotesWrapper .quote.split').each(function(){ $(this).nextUntil('.quote.split') .andSelf() .wrapAll('
    ') });

    @John Hartsock的解决方案简洁但效率低,因为选择器的运行次数很多。 我会建议他的一个变种:

     var i = 0, quotes = $("div.quoteWrapper").children(), group; while ((group = quotes.slice(i, i += 6)).length) { group.wrapAll('
    '); }

    此解决方案只运行一次较短的选择器并检索子项,使其更快。

    工作演示: http : //jsfiddle.net/AndyE/FFf6z/

    我相信这就是你想要的。 基本上你循环通过直到div.quoteWrapper下没有更多的div.quote项目。 这是使用:lt()选择器

    需要了解更多jQuery教程分享如何使用jQuery对一定数量的元素进行分组?,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

     while ($("div.quoteWrapper > div.quote").length) { $("div.quoteWrapper > div.quote:lt(6)").wrapAll('
    '); }

      以上就是jQuery教程分享如何使用jQuery对一定数量的元素进行分组?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/981254.html

      (0)
      上一篇 2021年12月12日
      下一篇 2021年12月12日

      精彩推荐