jquery의 "each"함수 대신 "For"를 사용하는 방법

Question

오늘 저는 Work 및 jQ와 매우 쌓여 있습니다. 나는 그것을 위해 아침을 얻을 수 있었다하지만 난 :(를 해결할 수 여기 내 작업 :.

$(".test").each(function() { 
    $(this).text('a'); 
}); 

: 정상에서

<div class="container"> 
    <p class="test">a</p> 
    <div> 
     <p class="test">a</p> 
    </div> 
</div> 

, 나는 각각의 기능 JQ를 사용 할 수 for 모든 <p class="test">a</p> EX를 선택

하지만 난 모든 사람이 그 이야기를 듣고는, for 기능은 이제 내가 대신 each의 for을 사용하여 원하는. each 기능보다 덜 timeload을 얻을 ...하지만 난이 경우 코드 JQ를 작성하는 방법을 모르겠어요.

누군가 나를 도울 수 있습니다!. 고맙습니다!

Answer 1

수백 개가 반복되지 않는 한 걱정하지 않겠습니다.

for 루프는 보통마다 반복 계산되지 않도록 elementsLength 좋은 생각

var elements = document.getElementById('something').getElementsByTagName('a'); 

var elementsLength = elements.length; 

for (var i = 0; i < elementsLength; i++) { 

    elements[i].style.color = 'red'; 
} 

캐싱의 ... 정상 DOM (일명 jQuery를 제외) 이송, 등으로 사용된다. 이 제안에 대한 의견에 CMS에게 감사드립니다.

jQuery로 처리하려는 경우 jQuery 객체에 맞게 조정하십시오.

$('#something a')과 같이 elements 변수를 jQuery 컬렉션과 바꾸십시오. 더 이상 jQuery를 사용해야하는 경우 객체를 다시 래핑해야한다고 생각합니다.

Answer 2

확실한 해결책을 시도해 보셨습니까?

var nodes = $(".test"); 
for(var i = 0; i < nodes.length; i++) 
{ 
    var node = nodes[i]; 
} 

Answer 3

jQuery 선택 결과에 서수 접근자를 사용하면 기본 DomElement가 반환된다는 것을주의해야합니다. jQuery 메서드를 사용하려면 재 포장해야합니다.

다른 사람들이 말한 것보다 두 번째 줄 수 있습니다. 많은 요소를 다루지 않는 한 조기에 최적화됩니다. .text() 메서드를 사용하기 위해 요소를 다시 래핑하면 다시 이득이 발생하지 않을 수도 있습니다.

Answer 4

This article은 수십만 개의 반복 된 항목에 도달 할 때까지 each()에 큰 성능 저하가 없음을 보여줍니다.

Answer 5

또 다른 대안 :

for (var i = 0; i < $('.test').length; i++){ 
    var element = $('.test').eq(i); 
}