adding an anchor tag with image in javascript

Question

I have created an image tag in JQuery. Now I need to add one more anchor tag with it. How can I implement it with JavaScript?

I tried this:

var imgg = document.createElement("img");
imgg.className='myclass';
$( ".myclass" ).add( "<a href="#">Test</a>" );

but it isn't working. It should appear as:

  <img src=""><a href="#"></a>

Which function should I use to add one more anchor tag within img tag?

usually its the opposite you want <a href="#"><img src=""></a> — meda
– meda, Commented Jan 4, 2014 at 20:41
If you want double quotes in a double-quoted string, you need to escape them. I'm sure your console must show you some error messages. Also, consider attaching the node you create somewhere in the DOM. — towr
– towr, Commented Jan 4, 2014 at 20:41

tymeJV · Accepted Answer · 2014-01-04 20:46:50Z

1

Just do:

$("<img>").addClass("myclass").after("<a href='#'></a>").appendTo("body");

answered Jan 4, 2014 at 20:46

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1