Convert a jQuery object to raw DOM object

There are two, easy ways to achieve this. The first one is simply by using the array [] notation directly on the jQuery object :

var myDiv = $('div')[0]; // myDiv is a raw DOM object  
myDiv.innerHTML = 'New Hello World text!'; // and we can do all the normal things with itCheck out this Pen!

The second one is by using the get method, the “core get” method, not the “AJAX get” one. The get method returns an array with the selected elements, and we can optionally pass an index number parameter to return the element we need.

var myDiv= $('div').get(0); // myDiv is again a raw DOM object  
myDiv.innerHTML = 'New Hello World text!'; // and we can do all the normal things with itCheck out this Pen!

Super easy, isn’t it?

Leave a Reply