仅使用 jQuery 在 div 中包装前 3 个项目答案

【问题标题】：Wrap first 3 items ONLY in div using jQuery仅使用 jQuery 在 div 中包装前 3 个项目
【发布时间】：2013-09-16 19:00:59
【问题描述】：

我正在使用 ASP.NET 动态地将内容拉入 li's。在 ul 中，我只想在列表的前 3 个 li 项目周围包装一个 div 类。例如

                <ul class="wrapper">
                    <div class="recommend">
                            <li><a href="#"><img src="#" /></a></li>
                            <li><a href="#"><img src="#" /></a></li>
                            <li><a href="#"><img src="#" /></a></li>
                    </div>
                            <li><a href="#"><img src="#" /></a></li>
                            <li><a href="#"><img src="#" /></a></li>
                            <li><a href="#"><img src="#" /></a></li>
                            <li><a href="#"><img src="#" /></a></li>
                            <li><a href="#"><img src="#" /></a></li>
                </ul>

我发现最接近此结果的是我找到并编辑的小提琴。 http://jsfiddle.net/ZuK4E/ 但它每 3 次执行一次，而不仅仅是前 3 次。所有 lis 都是相同的，因此不能针对任何具有 id 的对象。

【问题讨论】：

标签： jquery html asp.net css

【解决方案1】：

DEMO

$('ul.wrapper > li:lt(3)').wrapAll('<div class="recommend"></div>');

lt(3) 将选择first three 元素作为索引从0 开始。（即0,1,2）

:lt 文档

【讨论】：

【解决方案2】：

快速而肮脏的方法，我正在尝试一种更好的方法。直到那时使用这个:)

for (var i = 0; i < a.length; i += 3) {
if (i < 1) {
    a.slice(i, i + 3).wrapAll('<div class="recommend"></div>');
}
}

【讨论】：