jquery - jQuery 将一个 div 替换为另一个

Question

我需要将一个 div 替换为另一个，并且我需要删除另一个容器。请看我的代码：

<a id="load-more" href="#">
<div class="text">Load more</div>
<div id="infscr-loading">
<img alt="Loading..." src="../loading_small.gif" style="display: none; ">
<div">No more posts to load</div>
</div>
</a>

我需要这个：

<span class="text">Load more</span>

替换为：

<div">No more posts to load</div>

所以，我的结果应该是：

<a id="load-more" href="#">
<div">No more posts to load</div>
<div id="infscr-loading">
<img alt="Loading..." src="../loading_small.gif" style="display: none; ">
</div>
</a>

有可能吗？

Answer 1

你试过了吗：

$('.text').replaceWith(...);

http://api.jquery.com/replaceWith/上的文档

Answer 2

您的标记在标签中有错误<div">，可能是您不小心删除了类名或 id。我假设替换 div 有一个id属性。

要更改<div class="text">位的内容，您需要执行以下操作：

$('div.text').replaceWith($('#replacement'));

这既消除了textdiv 又将 div 移动到了#replacementdiv 的位置text。

Answer 3

$('div.text').replaceWith($('#replacement').html());