突變摘要庫：如何將html元素附加到添加的元素

Question

我正在使用Mutation Summary庫來觀察何時添加了特定類型的元素，然后將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響應和jQuery元素中的“裸” DOM元素混合在一起。 純DOM appendChild無法理解您的jQuery包裝的btn 。

因此，您需要使它們都屬於同一類型：

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

兩種方法都可以，但是第一個可能更慣用。