javascript - jQuery 更新引用 DOM 元素的变量

Question

我有两个变量设置如下:

var carousel = $('div.carousel ul');
var pics = carousel.children('li');

稍后再上几个新的<li>使用 insertBefore() 添加到轮播中然而我的pics变量现在已经过时了，所以我必须打电话 pics = carousel.children('li');再次在我的函数中。

有没有更好的方法来做到这一点，而无需重复遍历 DOM？

Answer 1

jQuery 有一个 add() 函数，它将接受一个参数并将其添加到所选项目的列表中。每当向 DOM 添加新列表项时，您都可以调用 pics.add(newli);。