Databases
StackOverflow2013
Postsdbo
POShift data of one li & ul tag from one div class tag to another div id tag without any li & ul tags just only data
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POShift data of one li & ul tag from one div class tag to another div id tag without any li & ul tags just only data
    text
    copied!<p>This is my code below:</p> <pre><code>&lt;div id="title"&gt; &lt;span&gt;&lt;b&gt;Title&lt;/b&gt;&lt;/span&gt; &lt;/div&gt; &lt;div class="data"&gt; &lt;ul&gt; &lt;li id="cp_name" class=""&gt;&lt;span&gt;Name:&lt;/span&gt; XXXX&lt;/li&gt; &lt;li id="cp_dept" class=""&gt;&lt;span&gt;Dept:&lt;/span&gt; Editing&lt;/li&gt; &lt;li id="cp_role" class=""&gt;&lt;span&gt;Role:&lt;/span&gt; YYYY&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre> <p><strong>Original Output</strong></p> <p><strong>Title</strong></p> <ul> <li>Name: XXXX </li> <li>Dept: Editing</li> <li>Role: YYYY</li> </ul> <p><strong>Expected Output &amp; Code</strong></p> <p><strong>Title</strong></p> <p>Dept: Editing </p> <ul> <li>Name: XXXX</li> <li><p>Role: YYYY</p> <pre><code>&lt;div id="title"&gt; &lt;span&gt;&lt;b&gt;Title&lt;/b&gt;&lt;/span&gt; &lt;div id="cp_dept"&gt; &lt;span&gt;Dept:&lt;/span&gt; Editing &lt;/div&gt; &lt;/div&gt; &lt;div class="data"&gt; &lt;ul&gt; &lt;li id="cp_name" class=""&gt;&lt;span&gt;Name:&lt;/span&gt; XXXX&lt;/li&gt; &lt;li id="cp_role" class=""&gt;&lt;span&gt;Role:&lt;/span&gt; YYYY&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre></li> </ul> <p>I want to extract or just remove li &amp; ul tags of "cp_dept" i.e Dept: Editing data from div class="data" &amp; wan't to shift data into div id="title" tag without li &amp; ul tags i.e just only data as shown in Expected Output &amp; Code that too with immediate effect on page loading.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload