jQuery用另一个替换一个Div

Question

我需要将一个div替换为另一个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'));

这两者都消除了text div并将#replacement div移动到text div的位置。

Answer 3

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