jquery - 如何使用 jQuery 交换 DIV 的顺序

Question

我在这里搜索过 SO 并尝试了这里提供的不同解决方案，但似乎找不到有效的解决方案。

我想要做的是让 Facebook 评论显示在文本“Hvis du kan lide mit blog ...”下方

我认为需要做的是改变这个页面的顺序 <div id="selmakjaerbo_below_blogposts"> ： <div class="fb-comments fb-social-plugin" ... ></div>http: //selmakjaerbo.dk/hvornar-har-du-sidst-investeret-i-dig-selv/

...但不幸的是，我在这方面太新手了，无法确定。

有人可以帮忙吗？

Answer 1

您可以使用insertAfter：

$("#selmakjaerbo_below_blogposts").insertAfter(".fb-comments");​

或者before：

$("#selmakjaerbo_below_blogposts").before($(".fb-comments"));​

---

更新。根据您的代码，您最好insertBefore在 DOM 就绪处理程序中使用：

$(function() {
    $("#selmakjaerbo_below_blogposts").insertBefore(".fb-comments");
});