Question

I need to replace one div with another and also i need another container to be removed. Please, see my code:

<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>

I need this:

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

replace with this:

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

So, my result should be:

<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>

It’s possible to do?

Answer 1

Did you try:

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

Docs at http://api.jquery.com/replaceWith/