How to make $('#some-id') return the same object as getElementById('some-id')

Question

Possible Duplicate:
How to get a DOM Element from a JQuery Selector

I have a JavaScript library that takes one of parameters as

element: document.getElementById('file-uploader')

And it works well, though I try to use jQuery instead and error happens then.

element: $('#file-uploader')

I suppose these return different objects so how can I make it with jQuery but return an object of the same kind as if it were returned by getElementById method?

There are at least 2 same questions answered already: http://stackoverflow.com/questions/2316199/jquery-get-dom-node http://stackoverflow.com/questions/1677880/how-to-get-a-dom-element-from-a-jquery-selector — Sotomajor, Sep 23 '11 at 08:18

ipr101 · Answer 1 · 2011-09-23T08:19:12.270

5

Try -

$('#file-uploader')[0] //or $('#file-uploader').get(0)

This will return the 'naked' JavaScript DOM object, the same as

document.getElementById('file-uploader')

would return. The example above will only return the first element of the matched set, but in a situation where you're searching by id that should be fine.

edited Sep 23 '11 at 08:19

answered Sep 23 '11 at 08:07

ipr101

24,096
8
59
61

score 2 · Answer 2 · answered Sep 23 '11 at 08:08

2

Try:

$('#file-uploader')[0]

It should be equiv to:

document.getElementById('file-uploader')

answered Sep 23 '11 at 08:08

chown

51,908
16
134
170

score 2 · Answer 3 · answered Sep 23 '11 at 08:08

2

you have to use either [0] or .get(0) to return the dom object instead of the jquery:

$('#file-uploader')[0];

or

$('#file-uploader').get(0);

answered Sep 23 '11 at 08:08

rtpHarry

13,019
4
43
64

How to make $('#some-id') return the same object as getElementById('some-id')

3 Answers3