使用jQuery仅在div中包装前3项

Question

我正在使用ASP.NET动态地将内容添加到li中.在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是相同的,所以不能用任何目标.

Answer 1

DEMO

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

lt(3)将选择first three元素作为索引从0.(即0,1,2)

:lt文档