Phương thức prepend
Phương thức prepend thêm văn bản vào đầu
phần tử. Cũng tồn tại phương thức
prependTo,
làm việc theo cách tương tự.
Cú pháp
Chèn văn bản vào đầu phần tử:
$(selector).prepend(văn bản);
Vào đầu các phần tử được chọn, có thể thêm văn bản được trả về bởi hàm do người dùng định nghĩa. Hàm được gọi riêng cho mỗi phần tử trong số các phần tử được chọn. Khi gọi, nó được truyền các tham số sau: vị trí phần tử trong tập hợp, nội dung hiện tại của phần tử:
$(selector).prepend(function(số thứ tự trong tập hợp, nội dung hiện tại của phần tử));
Nội dung cũng có thể không chỉ là văn bản thông thường mà còn là phần tử DOM hoặc đối tượng jQuery. Trong trường hợp này, các phần tử này sẽ được di chuyển từ vị trí của chúng trong mã HTML.
Ví dụ
Hãy chèn văn bản vào đầu đoạn văn đã cho:
<p id="test">văn bản</p>
$('#test').prepend('!!!');
Mã HTML sẽ trở thành như sau:
<p id="test">!!!văn bản</p>
Ví dụ
Hãy chèn văn bản với các thẻ vào đầu đoạn văn đã cho:
<p id="test">văn bản</p>
$('#test').prepend('<b>!!!</b>');
Mã HTML sẽ trở thành như sau:
<p id="test"><b>!!!</b>văn bản</p>
Ví dụ
Hãy tìm tất cả các đoạn văn và đặt vào đầu mỗi đoạn số thứ tự của nó trong tập hợp:
<p>văn bản</p>
<p>văn bản</p>
<p>văn bản</p>
<p>văn bản</p>
<p>văn bản</p>
$('p').prepend(function(index, text) {
return index;
});
Mã HTML sẽ trở thành như sau:
<p>0văn bản</p>
<p>1văn bản</p>
<p>2văn bản</p>
<p>3văn bản</p>
<p>4văn bản</p>
