for 루프 또는 $ .each를 사용하여 div 내의 값을 개별적으로 검색하십시오.

Question

<div class="head-text"> 
    <div class="body-text"> 
     <div class="line1"> 
      This is line one1 
     </div> 
     <div class="line2"> 
      This is line one1 
     </div> 
    </div> 

    <div class="body-text"> 
     <div class="line1"> 
      This is line one2 
     </div> 
     <div class="line2"> 
      This is line one2 
     </div> 
    </div> 

    <div class="body-text"> 
     <div class="line1"> 
      This is line one3 
     </div> 
     <div class="line2"> 
      This is line one3 
     </div> 
    </div> 
</div> 

문제는 개별적으로 텍스트를 가져오고 싶습니다. 나는 루프를 사용하여 시도했지만 모든 것을 얻거나 첫 번째 것을 얻고있다.

예 : 루프에서 "This is line one2"텍스트를 검색해야하는 경우 어떻게해야합니까?

Answer 1

$('body-text').each(function() { 
    $(this).children('div').each(function() { 
     myText = $(this).text(); 
    } 
} 

업데이트 : 귀하의 의견에 따라 루프가 필요없는 것처럼 들립니다. 당신은 단순히 예를 들어, 할 수 있습니다 :

$('.body-text:nth-child(3)').children('.line2').text(); 

Answer 2

사용

$("div[class^=line]").each(function(){ 
    alert($(this).text()); 
}); 

을 그리고 당신은 배열에 그들 모두를 필요로하는 경우 :

var arr = $("div[class^=line]").map(function(){ 
      return $(this).text(); 
      }).get(); 

당신이 클릭에 경고를해야하는 경우 : http://jsfiddle.net/mzZR8/

$("div[class^=line]").click(function(){ 
    alert($(this).text()); 
}); 

Answer 3

이!

"evt"인수를 사용하면 직접 클릭하는 "대상"에 액세스 할 수 있습니다.

을 heres fiddle