jQuery html（），将img标签加载到div中

Question

When I do the following:

var foo = '<p><img src="tracking.pixel.outside.my.domain /></p>';
$("#outputdiv").html(foo);

This is what shows up in outputdiv: <p></p>

Is there some reason that this shouldn't work? I'm running out of ideas. I've also tried using innerHTML, to no avail.

Answer 1

Your HTML is invalid (missing quote).

Replace

var foo = '<p><img src="tracking.pixel.outside.my.domain /></p>';

with

var foo = '<p><img src="tracking.pixel.outside.my.domain" /></p>';

Answer 2

You should replace

var foo = '<p><img src="tracking.pixel.outside.my.domain /></p>';

with

var foo = "<p><img src='tracking.pixel.outside.my.domain' /></p>";

I think simple quotes must be inside double quotes.