[英]Mutation Summary Library: How to append html elements to added elements
我正在使用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
。 任何帮助,将不胜感激!
您的问题是将Mutation Summary响应和jQuery元素中的“裸” DOM元素混合在一起。 纯DOM appendChild
无法理解您的jQuery包装的btn
。
因此,您需要使它们都属于同一类型:
$(newEl).append(btn); // jQuery
newEl.appendChild(btn.get(0)); // pure DOM
两种方法都可以,但是第一个可能更惯用。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.