なぜこのループは徐々に遅くなりますか？

Question

for (i = 0; i < $('body > p font i').length; i++) { 
    current = [$('body > p font i').eq(index), $('body > p font i').eq(index).index('body > p font u, body > p font i')]; 
    getState(current[1]); 
} 

function getState(index) { 
    // Lookup the object's index, then crawl up until you find a match 
    while ($('body > p font u, body > p font i').eq(--index).filter('u').length == 0); 
    console.log($('body > p font u, body > p font i').eq(index).text()); 
} 

かなり簡単な質問です。私はセレクタのフィルタに対してjQueryの結果セットを反復しています。これは、一致するものが見つかるまで結果セットを上って行きます。

このループが長く実行されるほど、遅くなり、指数関数的に大きくなります。あなたは高価な操作で各反復でDOMツリーにserachingさ

Answer 1

、解決策はキャッシュです：

var nodes = $('body > p font i'); 
for (var i = 0, size = nodes.length; i < size; i++) { 
    current = [nodes.eq(index),nodes.eq(index).index('body > p font u, body > p font i')]; 
}