如何使用jQuery将节点的所有子节点作为javascript中的数组项

时间:2011-05-22 16:40:23

标签: javascript jquery arrays dom

例如我有以下结构:

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

我想要的是将父div的所有子节点的文本作为数组的项目 jQuery解决方案是首选。

3 个答案:

答案 0 :(得分:7)

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

答案 1 :(得分:2)

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

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

这是小提琴(请参阅控制台中的结果):http://jsfiddle.net/C6pHS/

答案 2 :(得分:1)

如果它可以帮助您更清楚地看到事情,也可以选择其他答案。 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');