Get Raw HTML of Node in JQuery

Question

I have used $("#parent").html() to get the inner html of #parent, but how do I get the html of the parent itself?

The use case is, I grab an input node like this:

var field = $('input');

I would like to be able to get the raw html of that node (<input type='text'>) with something like field.html(), but that returns empty. Is this possible?

Answer 1

This question is very old, but there is now an easy solution:

const html = $('input').prop('outerHTML');

Example string value of html:
<input type="input">

Fiddle with it:
https://jsfiddle.net/u0a1zkL1/3

And, the technique mentioned in Optimae's comment also works:

const html = $('input')[0].outerHTML;