Convert jQuery element to a regular dom element Convert jQuery element to a regular dom element jquery jquery

Convert jQuery element to a regular dom element


You can reference the DOM element with .get(0) or [0], eg $('#foo')[0] assuming there is just one.


That is what get() method was made for by JQuery team, consider:

var elem = $('#a')[0];

Or

var elem1 = $('#a').get(0);var elem2 = document.getElementById('a');alert(elem1 === elem2);

or longer version:

<!DOCTYPE HTML><html><body>   <a id='a'></a><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>  <script>    var elem1 = $('#a').get(0);    var elem2 = document.getElementById('a');    alert(elem1 === elem2);  </script>  </body></html>


$('#a')[0]

// oops my answer is too short