Phương thức append
Phương thức append thêm văn bản vào cuối
phần tử. Cũng tồn tại phương thức
appendTo,
làm việc theo cách tương tự.
Cú pháp
Chèn văn bản vào cuối phần tử:
$(bộ chọn).append(văn bản);
Vào cuối các phần tử được chọn có thể thêm văn bản sẽ đượ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í của phần tử trong tập hợp, nội dung hiện tại của phần tử:
$(bộ chọn).append(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 cuối đoạn văn đã cho:
<p id="test">text</p>
$('#test').append('!!!');
Mã HTML sẽ trở thành như sau:
<p id="test">text!!!</p>
Ví dụ
Hãy chèn văn bản với các thẻ vào cuối đoạn văn đã cho:
<p id="test">text</p>
$('#test').append('<b>!!!</b>');
Mã HTML sẽ trở thành như sau:
<p id="test">text<b>!!!</b></p>
Ví dụ
Hãy tìm tất cả các đoạn văn và đặt vào cuối mỗi đoạn số thứ tự của nó trong tập hợp:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index, text){return index;});
Mã HTML sẽ trở thành như sau:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
