如何使用jQuery將節點的所有子節點作為javascript中的數組項

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');