Phương thức after trong jQuery
Phương thức after cho phép thêm
văn bản hoặc phần tử vào sau các phần tử.
Hãy xem xét ví dụ sau, giả sử chúng ta có một đoạn văn:
<p>text</p>
Bây giờ viết mã Javascript sau:
$('p').after('<b>!!!</b>');
Sau khi thực thi mã, đoạn văn sẽ trông như thế này:
<p>text</p><b>!!!</b>
Cần lưu ý rằng tất cả các phương thức chèn ở trên
- prepend, append,
before và after cũng cung cấp
khả năng áp dụng một hàm cho mỗi
phần tử trong bộ chọn.
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 bộ chọn:
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index){return index;});
Sau mỗi phần tử h2, hãy chèn '<p>?</p>'.
Bằng một chuỗi lệnh, trước mỗi h2 hãy chèn
'<p>!</p>', và sau h2 -
'<p>?</p>'.
