Chuyển đổi thành mảng trong jQuery
Phương thức toArray
chuyển đổi một tập hợp các phần tử jQuery thành một
mảng JavaScript thông thường. Điều này cần thiết để
áp dụng các phương thức và hàm JavaScript cho mảng này,
ví dụ,
sắp xếp
mảng này hoặc
đảo ngược nó.
Hãy xem xét đoạn mã HTML sau làm ví dụ:
<p>text1</p>
<p>text2</p>
<p>text3</p>
<div>text4</div>
Hãy lấy tất cả các phần tử với
thẻ p dưới dạng mảng bằng phương thức toArray,
đảo ngược nó bằng cách sử dụng
reverse.
Sau đó, hiển thị nội dung văn bản của các phần tử
dưới dạng chuỗi bằng phương thức JavaScript
join.
Để trích xuất văn bản của các phần tử và hiển thị mảng thu được
dưới dạng chuỗi, chúng ta sẽ viết hàm print,
tham số của nó sẽ là mảng đã đảo ngược:
function print(elems) {
let arr = [];
for (let i = 0; i < elems.length; i++) {
arr.push(elems[i].innerHTML);
}
alert(arr.join(' '));
}
print($('p').toArray().reverse());
Hãy lấy tất cả các phần tử với thẻ span
dưới dạng mảng và viết hoa chữ cái đầu tiên
của nội dung văn bản
mỗi phần tử. Hiển thị trong console mảng kết quả
với các văn bản dưới dạng chuỗi.