javascript - 如何以懒惰的方式调用jquery的.find？

Question

使用 jquery 定位 XML DOM 结构中的一组元素时；

将 .find 与 CSS 查询一起使用将产生一个可以迭代的结果，但是 jquery 将返回当时的所有结果，这很慢并且会暂停我的 UI。

我如何以一种懒惰的方式迭代结果？

我观察到有一个 .first() 方法，但是我在文档中找不到 .next() ，我错过了什么？

Answer 1

是的，您可以使用 anext()和 aprev()转到 DOM 结构中的下一个或上一个兄弟姐妹。

Answer 2

我最好的建议是包含您的搜索。永远不要运行全局查询。如果可能，从可以通过 ID 检索的元素开始搜索（以限制要遍历的节点数）

例如，而不是以下

var infoList = $("a.query span.info")

采用

var container = $('#myCt');
var infoList = container.find('a.query span.info');
// OR more simply (but I'm not sure jQuery optimizes the query)
var infoList = container.find('#myCt a.query span.info')

Answer 3

$(".class").each(function() {
//do code here
});