In jQuery, are there any function that similar to html() or text() but return the whole content of matched component?

Question

For example, if the match is

Hello world

, I need to return

Hello world         


        
      

Answer 1

There's no built-in function for getting the outerHTML, but you can use this:

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

Then in your selector:
$('.class1').outerHTML() will give you what you are looking for.

Source of function