Can I add <img> tag using insertAfter() in jQuery?

Question

Can I add <img> tag using insertAfter in jQuery?

$("<img src="/static/img/icinfo.png"/>").insertAfter('#id_input_field');

It seems not work.

Answer 1

$('<img src="/static/img/icinfo.png"/>').insertAfter('#id_input_field');

Try it this way. May work

Answer 2

This is not working because you are using quotes within quotes on your first selector.

$("<img src="/static/img/icinfo.png"/>")

Try using a combination of both single and double quotes:

$("<img src='/static/img/icinfo.png'/>")

Here I have used double quotes on the outer string (the actual jQuery selector) and single quotes on the inner src attribute value. You could also use them the other way around: single on the outside and double on the inside.

The quotes tell JavaScript what is a string and what is not. The code you have opens a string with " and then closes it when you define the src attribute.

---

You can see this clearly by how the syntax is highlighted - even here on Stack Overflow. See how the color of the text changes? The text marked in red is recognized as a string and the rest is not.

Answer 3

Your code is ok but it's not properly quoted, consider this :

$('<img src="/path/to/image.jpg">').insertAfter("#id_input_field");

Alternative as well (create tag):

var img = $('<img/>').attr('src', '/path/to/image.jpg');

img.insertAfter("#id_input_field");

Answer 4

Try This

$("<img src='/static/img/icinfo.png'/>")

Answer 5

you are having the quotes "' misplaced, you can use single quotes

$('<img src="/static/img/icinfo.png"/>').insertAfter('#id_input_field');