javascript - 获取动态添加的 div 的 html

Question

我有一个页面，其中插件以随机时间间隔将子 div 添加到父 div。基本结构是：

<div id="parent">
<div class="child" someattr="abc">content1</div>
<div class="child" someattr="xyz">content2</div>
</div>

我尝试了以下方法来检测元素的添加并且它有效

var c = document.getElementById('parent');
c.__appendChild = c.appendChild;
c.appendChild = function(){
     alert("Added");
     c.__appendChild.apply(c, arguments);     
}

我从stackoverflow本身的答案中得到了上述信息。我还想做的是获取子 div 的内容。也就是它们的属性和里面的内容。什么是最简单/最好的方法。我不介意解决方案是 jquery

Answer 1

不需要 jQuery：

document.getElementById('parent').innerHTML;

当然，您也可以使用 jQuery，因为它可能会帮助您获得单个孩子：

$('#parent .child').each(
    function(){ 
         // In this context, 'this' points to the current child element in the itertion
    }