javascript - jqueryの.findを怠惰な方法で呼び出す方法は?

Question

jquery を使用して XML DOM 構造内の要素のセットを検索する場合。

CSS クエリで .find を使用すると、反復可能な結果が得られますが、jquery はその時点ですべての結果を返すため、処理が遅く、UI が一時停止します。

代わりに、怠惰な方法で結果を反復処理するにはどうすればよいですか?

.first() メソッドがあることを確認しましたが、ドキュメントに .next() が見つかりません。何が欠けていますか?

Answer 1

はい、DOM構造内の次または前の兄弟に移動するために使用できるとがnext()あります。prev()

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
});