get method isn't returning results

Question

I'm trying to simply reproduce what is on the jquery site for the .get method:

<!DOCTYPE html>
<html>
<head>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
</head>
<body>
    <ul>
        <li id="foo">foo</li>
        <li id="bar">bar</li>
    </ul>

<script type="text/javascript">
    alert($('li').get());
</script>
</body>
</html>

It should return

[<li id="foo">, <li id="bar">]

But all I get is [object HTMLLIElement],[object HTMLLIElement]

Does anybody know what I might be doing wrong here?

Try my updated answer. I thought you need something else. – gdoron Feb 08 '12 at 21:22 — gdoron, Feb 08 '12 at 21:22

gdoron · Answer 1 · 2012-02-08T21:20:49.303

0

Simple, select the ul element and display it's content with the html function:

alert($('ul').html());

html docs:

Description: Get the HTML contents of the first element in the set of matched elements.

edited Feb 08 '12 at 21:20

answered Feb 08 '12 at 21:03

gdoron

147,333
58
291
367

yes, just tried it and got this object HTMLLIElement], so the problem still remains. – Allen Feb 08 '12 at 21:10

score 0 · Answer 2 · answered Feb 08 '12 at 21:04

0

Everything is alright:

The .get() method grants us access to the DOM nodes underlying each jQuery object.

Get returns the DOM elements hold by the jQuery variable. And when you output DomElements they become the form "HTMLLIElement".

answered Feb 08 '12 at 21:04

knub

3,892
8
38
63

so is there a way to reproduce what they have here:hmm.. http://api.jquery.com/get/ – Allen Feb 08 '12 at 21:07
This IS what you get. Its just the output format, that differs. In fact, if you save your result, and check its length property afterwards, it will be 2. – knub Feb 08 '12 at 21:09
Ok..the answer is:var j = ($('li').get(0)); alert (j.innerHTML); – Allen Feb 08 '12 at 22:52

score 0 · Answer 3 · answered Feb 08 '12 at 21:04

0

But that's what .get does! It will retrieve the HTML DOM elements matched by the selector. If you want the jQuery objects, you should use just $('li').

answered Feb 08 '12 at 21:04

bfavaretto

71,580
16
111
150

score 0 · Answer 4 · edited May 23 '17 at 10:34

You're not necessarily doing anything wrong.

What you're getting is the actual result of calling toString (which alert will do for you) on an array with 2 <li> DOM objects in it:

[object HTMLLIElement],[object HTMLLIElement]

However, what's mentioned in the API Documents isn't a string representation of the array, but is meant as a description of the array's current state in memory:

[<li id="foo">, <li id="bar">]

It was meant just as a shorter way of saying something like this:

The result is an array with 2 DOM objects that represent the <li id="foo"> and <li id="bar"> elements, respectively.

Now, if you actually want to get the markup in the alert, you'll have to get the outer HTML of the elements. Then try:

alert($('li').map(function () { return $(this).outerHTML(); }).get());

Example: http://jsfiddle.net/cmpwM/

You can just select the `ul` element and use the `html` function. see my answer. — gdoron, Feb 09 '12 at 08:16
@gdoron Yes and no. That may be all that's really necessary, but it results in a single string rather than an array of strings. — Jonathan Lonowski, Feb 09 '12 at 16:32

get method isn't returning results

4 Answers4