jQuery 实现收缩元素功能
本帖最后由 逆风天 于 2022-4-27 11:25 编辑jQuery 实现收缩元素功能有这样一个布局
<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元素中了。
页:
[1]