獲取動態添加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);  
} 

我得到了上述在計算器本身就是一個答案。 我還想要做的是獲取子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 
    }