<div>
<pre><code id="code-20-38741628-1">$(document).ready(function() {

$(&quot;img&quot;).each(function() { $(this).attr(&quot;src&quot;).insertAfter(this); });

})</code></pre>
</div>


$(document).ready(function() {

$("img").each(function() { $(this).attr("src").insertAfter(this); });

})

<div>
Perfect thanks. Can this be made into a link?
</div>


Perfect thanks. Can this be made into a link?

<div>
<div class="content wysiwyg-content">
I am looking to add the image source after the image. I need to do this for every image in a div.<br />
<br />
Example<br />
&lt;img src=&quot;something.jpg&quot; /&gt;<br />
<br />
Would become<br />
&lt;img src=&quot;something.jpg&quot; /&gt;somgething.jpg
</div>
</div>


I am looking to add the image source after the image. I need to do this for every image in a div.

Example
<img src="something.jpg" />

Would become
<img src="something.jpg" />somgething.jpg

Jquery append image source after image

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.