Convert jQuery element to a regular dom element

Question

A regular dom element is such as:

document.getElementById('a')

or

document.createElement('div')

But jQuery returns elements in another format, so for instance I'd like to convert what is returned by $('#a') to the same result as what is returned by document.getElementById('a')

Is this possible using jQuery?

thanks

Can you please clarify you question. – Artsiom Anisimau Mar 14 '10 at 07:54 — Artsiom Anisimau, Mar 14 '10 at 07:54

score 44 · Accepted Answer · answered Mar 14 '10 at 07:52

44

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

answered Mar 14 '10 at 07:52

meder omuraliev

177,923
69
381
426

score 7 · Answer 2 · answered Mar 14 '10 at 07:54

7

$('#a')[0]

// oops my answer is too short

answered Mar 14 '10 at 07:54

Anantha Kumaran

9,611
8
32
36

score 7 · Answer 3 · edited Sep 16 '11 at 16:26

7

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>

edited Sep 16 '11 at 16:26

Dan

52,315
38
111
148

answered Mar 14 '10 at 07:57

Sarfraz

367,681
72
526
573

1

This should really be the selected answer. When you used the === (relational operator), it really drove it home for me. Thanks! – Benji A. Nov 06 '18 at 15:04

Convert jQuery element to a regular dom element

3 Answers3

Linked