jQuery - How to convert a jQuery object to the kind of object returned w/ getElementById

Question

Occasionally I come across situations where certain I have to use document.getElementById() in order to get certain code to work (like w/ Google Maps API for example) for reasons I don't understand. Is there a jQuery method or some relatively easy way to convert a jQuery object to the sort of object returned w/ document.getElementById()?

Answer 1

Yes you can get the underlying DOM node using

$(myselector)[0]

or

$(myselector).get(0)

In addition to the above:

$(myselector).get(), without an index, will return an array of DOM nodes.

Answer 2

Something like this:

$("#myId").get(0)

or

$("#myId")[0]

Answer 3

You can do $("#someDiv").get(0) which will return the HTMLElement object (which is the same that is returned by calling document.getElementById()