클래스 이름별로 요소를 찾는 방법

Question

클래스 선택기로 모든 요소를 ​​검사하기 위해 루프를 수행하려고합니다.

나는

HTML

<div class='label'>aaaa</div> 
<div class='label'>bbbb</div> 
<div class='label'>cccc</div> 
<div class='label'>dddd</div> 

var pre=$('.label') 

    pre.each(function(e){ 
     console.log(e); 
    }) 

을 가지고 있지만 그것은 요소를 보여 넣은 사람은 아니다 (AAAA, bbbb..etc).

어떻게하면됩니까? .each()의 덕분에 많은

Answer 1

var pre = $('.label'); 

pre.each(function(i, el){ 
    console.log(el); 
    // OR 
    console.log(this); // will give you the element 

    // suppose to get text 
    console.log($(el).text()); // or $(this).text() 
}); 

DEMO

첫 번째 인수는 index이고 두 번째 인수는 value(여기에 대상 요소)입니다.

자세한 내용은 .each()을 참조하십시오. 의 응답 위해서

Answer 2

는 jQuery를에 .each 방법은이 호출 할 때 (문맥 사이에) 두 개의 값을 전달합니다

.each(function(index,value){ 
}); 

을 그래서 내 당신 만의 인덱스 인수를 요청하는 경우에만 e하여 각 기능의 제공. 실제 요소 나 값을 얻으려면 두 개의 인수를 제공해야합니다.

그러나 요소를 반복 할 때 interative 함수의 컨텍스트도 요소를 전달합니다. 그래서 :

$('.label').each(function(index,element){ 
    // element == this 
}); 

그래서 당신은 당신이 단지 함수 내에서 this을 참조 할 수 있습니다 두 번째 인수를 제공하지 않으려는 경우.