Web Cơ Bản

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

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

- Phương thức replaceAll() dùng để thay thế phần tử được chọn bởi một phần tử khác.

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

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

$(content).replaceAll(selector);

- Lưu ý:

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

3) Một số ví dụ

- Thay thế tất cả các phần tử <p> bởi <h3>Lập Trình Web</h3>

<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("<h3>Lập Trình Web</h3>").replaceAll("p");
        });
    });
</script>
Xem ví dụ

4) Điểm giống và khác giữa replaceAll() & replaceWith()

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

replaceAll() replaceWith()
Điểm giống - Cả hai phương thức này đều được dùng để thay đổi phần tử được chọn bởi một nội dung khác.
Điểm khác - Nội dung mà bạn muốn thay thế cho phần tử được chọn phải là phần tử (tức là bắt đầu bằng thẻ và kết thúc bởi thẻ) - Nội dung mà bạn muốn thay thế cho phần tử được chọn không bắt buộc phải là phần tử.
- Bộ chọn được đặt ở phía sau. - Bộ chọn được đặt ở phía trước.