Is there a way to get the parent of .html()?

Question

Possible Duplicate:
Get selected element's outer HTML

I have this code :

<html>
    <head></head>
    <body></body>
</html>

and with $('html').html() I only get :

    <head></head>
    <body></body>

how can I get the whole code? I mean, with also the parent of the element where I use .html()...

On the one hand this seems like an interesting question from the technical angle, but on the other hand: why would you want to do this with ``? For 95% of pages I've seen you could just say `"" + $("html").html() + ""`. — nnnnnn, Oct 26 '11 at 09:36

score 2 · Answer 1 · answered Oct 26 '11 at 08:43

2

Try this jQuery extension:

jQuery.fn.outerHTML = function(s) {
    return (s) ? this.before(s).remove() : jQuery("<p>").append(this.eq(0).clone()).html();
}

You can call it like this:

$("html").outerHTML();

Credits go to this page.

answered Oct 26 '11 at 08:43

Bas Slagter

9,831
7
47
78

Nathan MacInnes · Accepted Answer · 2011-10-26T08:47:04.103

Bit of a hack:

$('<div />').html($('html').clone()).html();

Might be slow in older browsers with a lot of HTML on the page, because it has to clone the whole thing.

Edit: If you want a jQuery function which does it, just write one:

$.fn.outerHtml = function (a) {
    if (a) {
        a = $(a).insertBefore(this);
        this.remove();
        return a;
    }
    return $('<div />').html($('html').clone()).html();
};

Then just call $('html').outerHtml().

score 0 · Answer 3 · edited May 23 '17 at 12:03

0

I think there are many ways, eq. jQuery("html")[0].outerHTML; or jQuery("html").attr("outerHTML");

Edit: This isn't cross-browser, I forgot that. Firefox doesn't support this. There are (cloning) hacks for that.

Edit: See How do I do OuterHTML in firefox? for FF support.

edited May 23 '17 at 12:03

Community

1
1

answered Oct 26 '11 at 08:35

Samuli Hakoniemi

18,740
1
61
74

score 0 · Answer 4 · answered Oct 26 '11 at 08:40

0

What about this:

$('<div>').append($('html').clone()).remove().html();

answered Oct 26 '11 at 08:40

xdazz

158,678
38
247
274

score 0 · Answer 5 · answered Oct 26 '11 at 08:42

0

Anyway, if you're trying to get <html> and it supposed to be the only <html> tag in a correct document - why not adding it manually to it's innerHTML?

answered Oct 26 '11 at 08:42

Michael Sazonov

1,531
11
21

Is there a way to get the parent of .html()?

5 Answers5