Phương thức insertAfter() trong jQuery

1) Phương thức insertAfter() trong jQuery

- Phương thức insertAfter() dùng để thêm "một hoặc nhiều phần tử HTML" vào vị trí nằm ở phía sau phần tử được chọn.

2) Cách sử dụng phương thức insertAfter() trong jQuery

- Để sử dụng phương thức insertAfter(), ta dùng cú pháp như sau:

$(content).insertAfter(selector);

- Lưu ý:

• Tham số "content" là phần tử mà bạn muốn thêm vào phía sau các phần tử được chọn.
• Tham số "content" phải là phần tử (tức là bắt đầu bằng thẻ và kết thúc bởi thẻ)

3) Một số ví dụ

- Thêm <p><i>(tài liệu cơ bản)</i></p> vào phía sau phần tử có lớp info

<script>
    $(document).ready(function(){
        $("button").click(function(){
           $("<p><i>(tài liệu cơ bản)</i></p>").insertAfter("info");
        });
    });
</script>

4) Điểm giống và khác giữa insertAfter() và after()

- Dưới đây là bảng mô tả điểm giống và khác giữa phương thức insertAfter() và after():