突變總結庫：如何HTML元素附加到添加的元素

Question

我使用Mutation Summary library當元素的特定類型已被添加到觀察，然後我的HTML元素附加到他們每個人：

var observer = new MutationSummary({ 
     callback: theNextPageLoaded, 
     queries: [{ 
      element: "li.sweet" 
     }] 
}); 

function theNextPageLoaded(summaries) { 
    var sc = summaries[0], 
    sc_length = sc.added.length, 
    btn = $('<button>', { 
      class: 'my_btn', 
      text: 'Please work!' 
     }); 

    sc.added.forEach(function(newEl) { 
     newEl.appendChild(btn); 
     console.log(typeof(newEl)); //newEl's type is 'object' 
    }); 
} 

代碼以上不起作用。我不確定我甚至可以在物體上使用appendChild。任何幫助，將不勝感激！

Answer 1

您的問題是從一起Mutation Summary response和jQuery元素「裸」 DOM元素混合。純DOM appendChild不理解你的jQuery包裝btn。

所以，你需要讓他們兩個是同一種類型：

$(newEl).append(btn); // jQuery 
newEl.appendChild(btn.get(0)); // pure DOM 

無論是工作，但第一個可能是更地道。