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
    }

获取动态添加的div的html

1 个答案: