jQuery从div内部获取divs html

Question

我有以下html：

<div id="parent">
   <div>1</div>
   <div>2</div>
   <div>3</div>
   <div>4</div>
</div>

我正在尝试使用id="parent"从div获取所有div html。 之后，建立一个数组并将每个html推入其中。

基本上我需要得到这个：

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>

而不是这样：

1
2
3
4

和jQuery代码：

var val = [];

$.each($('#parent'), function (i, left) {
    $('div', left).each(function () {

        var data = $(this).html();
        val.push(data);

    });
});

alert(JSON.stringify(val));

这是JSFiddle

Answer 1

您可以使用.map()方法 ，该方法将返回子div元素的数组。

更新示例

var divs = $('#parent div').map(function () {
    return this;
}).get();

---

不过，您无需为此使用jQuery。 这是一个简单的JS选项，它返回相同的结果：

更新示例

var divs = Array.prototype.map.call(document.querySelectorAll('#parent div'), function (el) {
    return el;
});

Answer 2

count=$('#parent > div').length;
for(i=0;i<count;i++){

console.log($('#parent > div')[i].outerHTML);
}

https://jsfiddle.net/uabL649m/2/

Answer 3

尝试externalHTML ，如下所示。 演示@ 小提琴

var arr = [];
$("#parent > div").each(function() {
    arr.push(this.outerHTML);
});
console.log ( JSON.stringify(arr ) );