jquery - 如何使用JQuery "after"选择器

Question

我似乎想不出一个好方法来做到这一点，但看起来应该很简单。我有一个想要附加 div 的元素。然后我想克隆另一个元素并将其插入该中间 div 中。这就是我希望做的事情:

$("#somediv > ul").after("<div id='xxx'></div>").append($("#someotherdiv").clone());

这似乎很接近，但还不够。问题在于“append”似乎是在原始的 #somediv > ul 选择器上操作的。这有点道理，但这不是我想要的。如何最有效地选择在 after 添加的中间 div 并将我的 #someotherdiv 放入其中？

Answer 1

反过来使用insertAfter()。

$("<div id='xxx'></div>")
    .append($("#someotherdiv").clone())
    .insertAfter("#somediv > ul")

仅在完成工作后才尝试将生成的 DOM 节点添加到文档中。

将节点添加到显示的文档后，浏览器开始监听任何更改以刷新 View 。在将节点添加到显示的文档之前完成所有工作确实可以提高浏览器性能。