Cannot get html() for parent span

Question

I am trying to do a simple thing maybe i am missing something:

var span = $(document.createElement("span")); // Create a span
var img = new Image(); // Create an image and set source
img.src = config.graph_url + member.facebook_id + "/picture?width=24&height=24";
span.append($(img)); // Add the image inside the span

How can i get the html <span><img src="_SOURCE_"/></span>? span.html() outputs <img src="_SOURCE_"/>.

Correct. That's how [`.innerHTML`](https://developer.mozilla.org/en-US/docs/DOM/element.innerHTML)/[`.html()`](http://api.jquery.com/html/#html1) works. — Matt Ball, Apr 08 '13 at 22:20
See http://stackoverflow.com/a/2419877/174469 for the answer on how to get the outerhtml — Gordon Tucker, Apr 08 '13 at 22:22

score 1 · Accepted Answer · edited Apr 08 '13 at 22:34

1

It's working fine. The html() method sets or returns the content (innerHTML) of the selected elements

In an HTML document, .html() can be used to get the contents of any element. If the selector expression matches more than one element, only the first match will have its HTML content returned.

So you can use .outerHTML for this

$('span')[0].outerHTML;

edited Apr 08 '13 at 22:34

Matt Ball

354,903
100
647
710

answered Apr 08 '13 at 22:20

Sachin

40,216
7
90
102

score 0 · Answer 2 · edited Apr 08 '13 at 22:34

0

If you want this <span><img src="_SOURCE_"/></span>

Try something like this

$('span')[0].outerHTML;

edited Apr 08 '13 at 22:34

Matt Ball

354,903
100
647
710

answered Apr 08 '13 at 22:24

Adil Shaikh

44,509
17
89
111

Cannot get html() for parent span

2 Answers2