El método toArray() en jQuery se usa para devolver los elementos que coinciden con el selector de jQuery como una array.
Sintaxis
$(selector).toArray()
Parámetros: este método no acepta ningún parámetro.
Ejemplo 1: este método utiliza el método toArray() para mostrar el párrafo en forma de array.
<!DOCTYPE html> <html> <head> <title> jQuery Misc toArray() Method </title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> </head> <body style="text-align:center;"> <h1 style = "color:green;" > GeeksForGeeks </h1> <h2>jQuery Misc toArray() Method</h2> <button>Click</button> <p>Geeks1</p> <p>Geeks2</p> <p>Geeks3</p> <!-- Script to use toArray() method --> <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> </body> </html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: este ejemplo utiliza el método toArray() para mostrar el elemento de la array.
<!DOCTYPE html> <html> <head> <title> jQuery Misc toArray() Method </title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> </head> <body style="text-align:center"> <h1 style="color:green;"> GeeksForGeeks </h1> <h2>jQuery Misc toArray() Method</h2> <button>Click</button> <p>Geeks1-Geeks2-Geeks3</p> <div style="color:lightgreen;"></div> <!-- This example use toArray() method --> <script> $(document).ready(function(){ $("button").click(function(){ var i; var x = $("p").toArray() for (i = 0; i< x.length; i++) { $("div").text(x[i].innerHTML); } }); }); </script> </body> </html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA