<div>
<a href="http://api.jquery.com/detach/" rel="ugc">http://api.jquery.com/detach/</a>
</div>


http://api.jquery.com/detach/ [http://api.jquery.com/detach/]

<div>
<div class="content wysiwyg-content">
how to get to the previous list of li element after removing them?<br />
<br />
For example, lets say I have the following<br />
<br />
$(&quot;#list_A&quot;).html('');<br />
<br />
This display in div ---------------&gt; aaaaa bbbb ccccc <br />
Now I clear out the div with --&gt; $(&quot;#list A&quot;).html('');<br />
And reload it with --------------&gt; &nbsp;ddddd eeeee ffffffff gggg<br />
How do I return to the previous --&gt; aaaaa bbbb ccccc<br />
&lt;div&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;ul id=&quot;list_A&quot;&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;aaa&lt;/li&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;bbb&lt;/li&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;cccc&lt;/li&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;ddd&lt;/li&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;eee&lt;/li&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;ffffff&lt;/li&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;gggg&lt;/li&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/ul&gt;<br />
&lt;/div&gt;
</div>
</div>


how to get to the previous list of li element after removing them?

For example, lets say I have the following

$("#list_A").html('');

This display in div ---------------> aaaaa bbbb ccccc 
Now I clear out the div with --> $("#list A").html('');
And reload it with -------------->  ddddd eeeee ffffffff gggg
How do I return to the previous --> aaaaa bbbb ccccc
<div>
           <ul id="list_A">
                     <li>aaa</li>
                     <li>bbb</li>
                     <li>cccc</li>
                     <li>ddd</li>
                     <li>eee</li>
                     <li>ffffff</li>
                     <li>gggg</li>
           </ul>
</div>

how to get to the previous list of li element after removing them?

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.