Hi,
I have the following HTML:
<div id="text">
<strong>Some Text Here</strong>: More Text Here<br />
<strong>Some Text Here</strong>: More Text Here<br />
<strong>Some Text Here</strong>: More Text Here<br />
</div>
How could I use jQuery to wrap each line of text in a <li> and remove
all the <br /> and finally wrap all the <li> in a <ul>?
Example:
<div id="text">
<ul>
<li><strong>Some Text Here</strong>: More Text Here</li>
<li><strong>Some Text Here</strong>: More Text Here</li>
<li><strong>Some Text Here</strong>: More Text Here</li>
</ul>
</div>