Comments on: jQuery: outerHTML

By: Get selected element’s outer HTML - Programmers Goodies

Get selected element’s outer HTML - Programmers Goodies — Mon, 18 Jul 2011 17:25:37 +0000

[...] This site seems to have a solution for you : outer html [...]

By: Danny

Danny — Mon, 18 Apr 2011 20:11:05 +0000

Maybe this wasn't possible when you originally wrote this, or maybe it's slower, but here's what I do:

jQuery.fn.outerHTML = function(s) {

return (s) ? jq(this).replaceWith(s) : jq(this).clone().wrap('').parent().html();

}

Seems much easier to read to me. Also, why do you use < and ≶? Doesn't that cause problems?

By: Sten Hougaard

Sten Hougaard — Wed, 09 Mar 2011 07:06:23 +0000

Hi,

Just want to give you credit for this simple but very handy piece of code Thank you for sharing! I myself is working on something which will be a very nice feature for people in the jQuery world – watch my blog

/Sten

By: Dee

Dee — Wed, 17 Nov 2010 12:46:02 +0000

Just to add to the list, another jQuery outerHTML method that allows you to get or replace the element inheriting the replacing content to the chaining. A good option to replaceWith() method as well. http://darlesson.com/jquery/outerhtml/

By: Lepe

Lepe — Mon, 16 Nov 2009 11:49:01 +0000

I like your implementation. Nice Job.

By: caphun

caphun — Wed, 21 Oct 2009 23:48:50 +0000

@drew: I think the replaceWith is a closer alternative: http://docs.jquery.com/Manipulation/replaceWith As I remember that wasn't around when I made this post.

By: Drew

Drew — Tue, 20 Oct 2009 04:39:55 +0000

The clone function might come in handy as an alternative http://docs.jquery.com/Manipulation/clone

By: Parag Lohiya

Parag Lohiya — Wed, 14 Oct 2009 02:13:41 +0000

Thanks for the help this is very useful.

By: Kevin Pirkl

Kevin Pirkl — Tue, 24 Feb 2009 03:58:51 +0000

Thanks for this great code…

By: caphun

caphun — Wed, 24 Sep 2008 23:21:25 +0000

Answer: incompatible across browsers.