Finding and displaying image src attributes
<pre><code>&gt; &lt;li&gt;&lt;img src="image1.jpg" /&gt;&lt;/li&gt;
&gt; &lt;li&gt;&lt;img src="image2.jpg" /&gt;&lt;/li&gt;
&gt; &lt;li&gt;&lt;img src="image3.jpg" /&gt;&lt;/li&gt;
&gt; &lt;li&gt;&lt;img src="image4.jpg" /&gt;&lt;/li&gt;
&gt; &lt;li&gt;&lt;img src="image5.jpg" /&gt;&lt;/li&gt;
&gt; &lt;li&gt;&lt;img src="image6.jpg" /&gt;&lt;/li&gt;
&gt; &lt;li&gt;&lt;img src="image7.jpg" /&gt;&lt;/li&gt;
</code></pre>

<p>I want get the link of img tab in body or a div chill and replace by </p>

<p>|image1.jpg|image2.jpg|image3.jpg|image4.jpg|image5.jpg|image6.jpg|image7.jpg|</p>

<p>Can help me , so hard to do it. I want help  with jquery(),</p>

<p>Thanks</p>
