.get( [index ] ) Returns: Element, Array
Description: Retrieve the DOM elements matched by the jQuery object.
-
version added: 1.0.get( [index ] )
-
indexType: NumberA zero-based integer indicating which element to retrieve.
-
The .get()
method grants us access to the DOM nodes underlying each jQuery object. Suppose we had a simple unordered list on the page:
1
2
3
4
|
|
Without a parameter, .get()
returns all of the elements:
1
|
|
All of the matched DOM nodes are returned by this call, contained in a standard array:
[<li id="foo">, <li id="bar">]
With an index specified, .get() will retrieve a single element:
1
|
|
Since the index is zero-based, the first list item is returned:
<li id="foo">
Each jQuery object also masquerades as an array, so we can use the array dereferencing operator to get at the list item instead:
1
|
|
However, this syntax lacks some of the additional capabilities of .get(), such as specifying a negative index:
1
|
|
A negative index is counted from the end of the matched set, so this example will return the last item in the list:
<li id="bar">
Examples:
Example: Selects all divs in the document and returns the DOM Elements as an Array, then uses the built-in reverse-method to reverse that array.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
|
Example: Gives the tag name of the element clicked on.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
|