如何用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"));​

---

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

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