jQuery toArray() method

The toArray() method is used to return all elements contained in the jQuery set as an array.

Syntax

This method does not accept any argument.

We can understand the use of the toArray() method using an example.

Example

In this example, we are using the toArray() method to convert the paragraphs into an array. On clicking the given button, the paragraph elements will be converted to an array, and an alert box will display that shows the innerHTML of the paragraph elements.

<!DOCTYPE html>
<html>
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    var i;
    var x = $("p").toArray();
    for (i = 0; i< x.length; i++) {
      alert(x[i].innerHTML);
    }
  });
});
</script>
</head>
<body>
<h3> It is an example of using the toArray() method. </h3>

<p> Paragraph 1  </p>
<p> Paragraph 2  </p>
<p> Paragraph 3  </p>
<p> Paragraph 4  </p>

<h4> Click the below button to display the above paragraphs in the form of array. </h4>
<button> Click me </button>
<span></span>
</body>
</html>

Test it Now

Output

After clicking the given button, an alert box will be displayed, as shown in the below screenshot.

Similarly, three more alert boxes will be displayed by clicking the OK button in the alert box. This is because there are four paragraph elements in the program.

Next TopicjQuery removeProp() method

← prev next →