Phương thức toArray trả về các phần tử được khớp bởi bộ chọn jQuery dưới dạng một mảng.
Cú pháp
$(selector).toArray()
Ví dụ 1
Truy lục các phần tử <li> và trả về thành một mảng, sau đó dùng hàm alert hiển thị innerHTML của từng phần tử:
<!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 = $("li").toArray() for (i = 0; i< x.length; i++) { alert(x[i].innerHTML); } alert("Bonus:\r\n\r\nBạn đang đọc bản tin tại daipho.com\r\nChúc bạn một ngày vui vẻ và tìm được nhiều thú vị trên web của mình nhé ^_^\r\n...\r\n\r\n"); }); }); </script> </head> <body> <ul> <li>Cafe Sữa Đá</li> <li>Trà Chanh</li> <li>Trà Đào Cam Sả</li> </ul> <button>Alert nội dung của LI</button> </body> </html>
Chạy thử kết quả:
Ví dụ 2
Lấy về mảng các thẻ P và thay nội dung bên trong thẻ đó:
Mã HTML
<!DOCTYPE html> <body> <p>A mặc áo xanh</p> <p>B mặc áo trắng</p> <p>C đội nón xanh</p> <p>D mang giày đỏ</p> <p>E mang giày xanh nhạt</p> <button>Thay màu xanh thành cam</button> </body> </html>
Mã jQuyery:
$(document).ready(function(){ $("button").click(function(){ var i; var x = $("p").toArray() for (i = 0; i< x.length; i++) { var s = x[i].innerHTML; s = s.replace("xanh", "cam"); x[i].innerHTML = s; } }); });
