本帖最后由 逆风天 于 2022-4-27 11:25 编辑
有这样一个布局
- <ul>
- <li></li>
- <li></li>
- <li></li>
- <li>从我开始</li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <div class="give-me"></div>
- </ul>
我想只显示前3个 li 元素，剩下的收缩到.give-me元素中，该如何实现呢？
非常简单，使用jQuery 的.nextUntil()方法。
具体代码如下：
- var test =$('ul>li:nth-child(3)').nextUntil('div.give-me');
意思是，取得ul下第3个li到div.give-me之间的元素，并赋值到 test。
然后 就阔以 通过jQuery的append，将获取到的test装入.give-me元素中了。
