jquery - 使用 jQuery 仅在 div 中包装前 3 个元素

Question

我正在使用 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>

我发现最接近这个结果的是我找到并编辑的 fiddle 。 http://jsfiddle.net/ZuK4E/但它每 3 个执行一次，而不仅仅是前 3 个。所有 lis 都是相同的，因此无法使用 id 定位任何 lis。

Answer 1

DEMO

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

lt(3) 将选择 前三个 元素，因为索引从 0 开始。(即 0,1,2)

:lt文档