Как получить все дочерние элементы узла в качестве элементов массива в JavaScript, используя jQuery

Question

например, у меня следующая структура:

<div class="parent">  
    <div>1st child</div>  
    <div>2nd child</div>  
    <div>3rd child</div>  
    <div>4th child</div>  
</div>

все, что я хочу, - это чтобы текст всех дочерних элементов родительского div был элементом массива.
предпочтительным является решение jQuery,

Answer 1

var a = $(".parent").children().map(function() { return $(this).text(); });

Answer 2

function get_this_text() {
    return $(this).text();
}

$(".parent div").map(get_this_text).get()

Вот это на скрипке (смотрите результат в вашей консоли): http://jsfiddle.net/C6pHS/

Answer 3

При желании другие ответы также могут сделать это, если это поможет вам увидеть вещи более четко.HTML:

<div class="parent">  
    <div class="child">1st child</div>  
    <div class="child">2nd child</div>  
    <div class="child">3rd child</div>  
    <div class="child">4th child</div>  
</div>

JQuery:

var childArray = $('.child');