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>