Get selected element’s outer HTML

by

I believe that currently (5/1/2012), all major browsers support the outerHTML function. It seems to me that this snippet is sufficient. I personally would choose to memorize this:

// Gives you the DOM element without the outside wrapper you want
$('.classSelector').html()

// Gives you the outside wrapper as well only for the first element
$('.classSelector')[0].outerHTML

// Gives you the outer HTML for all the selected elements
var html="";
$('.classSelector').each(function () {
    html += this.outerHTML;
});

//Or if you need a one liner for the previous code
$('.classSelector').get().map(function(v){return v.outerHTML}).join('');

EDIT: Basic support stats for element.outerHTML

More Related Contents:

  1. How to get URL parameter using jQuery or plain JavaScript?
  2. jQuery callback on image load (even when the image is cached)
  3. json Uncaught SyntaxError: Unexpected token :
  4. AJAX in Chrome sending OPTIONS instead of GET/POST/PUT/DELETE?
  5. Find text string in jQuery and make it bold
  6. jqGrid dynamic column binding
  7. Can I change the scroll speed using css or jQuery?
  8. How to know when all ajax calls are complete
  9. Ajax in Jquery does not work from local file
  10. Replace “$”(dollar Sign) with “JQuery”
  11. jQuery – Illegal invocation
  12. jquery fancybox 2.0.3 – prevent close on click outside of fancybox
  13. How can I detect if a selector returns null?
  14. jQuery recursive iteration over objects
  15. What’s the replacement for $.browser
  16. jQuery get the id/value of element after click function
  17. Target :before and :after pseudo-elements with jQuery [duplicate]
  18. Events not registering after replaceWith
  19. CORS request – why are the cookies not sent?
  20. jQuery ajax request being block because Cross-Origin
  21. jqgrid nested subgrid 4th level subgrid always returns first rowid of the subgrid
  22. Call PHP Function using jQuery AJAX
  23. How to create cascading drop-down list
  24. Parsing of html string using jquery
  25. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  26. Why does $.getJSON silently fail?
  27. Open YouTube video in Fancybox jQuery
  28. Jquery- Get the value of first td in table
  29. How to download a file through ajax request in asp.net MVC 4
  30. jQuery .slideRight effect

Leave a Comment