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