本帖最后由 逆风天 于 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元素中了。