Phương thức after
Phương thức after thêm văn bản sau
phần tử được chỉ định. Ngoài ra cũng có phương thức
insertAfter,
hoạt động theo cách tương tự.
Cú pháp
Chèn văn bản sau phần tử:
$(selector).after(text);
Văn bản sẽ được thêm sau các phần tử được chọn và sẽ được trả về bởi một hàm do người dùng định nghĩa. Hàm được gọi riêng biệt cho từng phần tử được chọn. Tham số đầu tiên của hàm này là số thứ tự trong tập hợp của mỗi phần tử được chọn (theo thứ tự), tham số thứ hai là nội dung hiện tại của phần tử:
$(selector).after(function(số thứ tự trong tập hợp, nội dung hiện tại của phần tử));
Văn bản cũng có thể không chỉ là văn bản thông thường mà còn có thể là phần tử DOM hoặc đối tượng jQuery. Trong trường hợp này, các phần tử đó sẽ được di chuyển khỏi vị trí của chúng trong mã HTML.
Ví dụ
Hãy chèn văn bản sau đoạn văn được chỉ định:
<p id="test">text</p>
$('#test').after('!!!');
Mã HTML sẽ trở thành như sau:
<p id="test">text</p>!!!
Ví dụ
Hãy chèn văn bản có thẻ sau đoạn văn được chỉ định:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
Mã HTML sẽ trở thành như sau:
<p id="test">text</p><p>!!!</p>
Ví dụ
Hãy di chuyển một đoạn văn xuống dưới đoạn văn khác (nghĩa là cắt đoạn văn khỏi vị trí cũ và đặt vào vị trí mới):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after('#p2');
Mã HTML sẽ trở thành như sau:
<p id="p2">text2</p>
<p id="p1">text1</p>
Xem thêm
-
phương thức
insertAfter,
thêm văn bản sau phần tử được chỉ định -
phương thức
before,append,prepend,
cho phép thêm nội dung vào vị trí cụ thể trên trang -
phương thức
clone,
tạo bản sao của các phần tử được chọn
