Javascript jQuery从div内部获取divs html

我有以下html：

<div id="parent">
   <div>1</div>
   <div>2</div>
   <div>3</div>
   <div>4</div>
</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));

下面是您可以使用的，它将返回子

div

元素的数组

---

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

count=$（'#parent>div'）。长度；
对于（i=0；i尝试，如下所示@

var val = [];

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

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

    });
});

alert(JSON.stringify(val));

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

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

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

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

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