OpenJS Foundation - openjsf.org · api.jquery.com

.toArray()Returns: Array

Description: Retrieve all the elements contained in the jQuery set, as an array.

  • version added: 1.4.toArray()

    • This method does not accept any arguments.

.toArray() returns all of the elements in the jQuery set:

1

alert( $( "li" ).toArray() );

All of the matched DOM nodes are returned by this call, contained in a standard array:

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

Example:

Select all divs in the document and return the DOM Elements as an Array; then use 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

28

29

30

31

32

33

34

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>toArray demo</title>

<style>

span {

color: red;

}

</style>

<script src="https://code.jquery.com/jquery-4.0.0.js"></script>

</head>

<body>

Reversed - <span></span>

<div>One</div>

<div>Two</div>

<div>Three</div>

<script>

function disp( divs ) {

var a = [];

for ( var i = 0; i < divs.length; i++ ) {

a.push( divs[ i ].innerHTML );

}

$( "span" ).text( a.join( " " ) );

}

disp( $( "div" ).toArray().reverse() );

</script>

</body>

</html>

Demo:

Read the original on api.jquery.com ↗