jQuery làm việc với tài liệu - phương thức replaceWith()

Hướng dẫn tham khảo hiệu ứng jQuery

Ví dụ

Thay thế mỗi đoạn văn bản bằng văn bản đậm:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

Thử ngay

Định nghĩa và cách sử dụng

Phương thức replaceWith() sử dụng nội dung HTML hoặc phần tử được chỉ định để thay thế phần tử được chọn.

Lưu ý:replaceWith() và replaceAll() Tác dụng tương tự. Khác biệt ở cú pháp: vị trí của nội dung và selector, và replaceAll() không thể sử dụng hàm để thay thế.

Cú pháp

$().replaceWith(content)
Tham số Mô tả
content

Bắt buộc. Định nghĩa nội dung cần thay thế phần tử được chọn.

Các giá trị có thể:

  • Mã HTML - ví dụ ("<div></div>")
  • Phần tử mới - ví dụ (document.createElement("div"))
  • Các phần tử hiện có - ví dụ ($(".div1"))

Các phần tử hiện có sẽ không bị di chuyển, chỉ được sao chép và bao bọc phần tử được chọn.
Bắt buộc. Định nghĩa phần tử cần thay thế.

Sử dụng hàm để thay thế phần tử

Sử dụng hàm để thay thế phần tử được chọn bằng nội dung mới.

Cú pháp

$().replaceWith(function())

Thử ngay

Tham số Mô tả
function() Bắt buộc. Trả về hàm nội dung mới của phần tử được chọn.

Các ví dụ khác

Sử dụng phần tử mới để thay thế phần tử
Sử dụng document.createElement() để tạo một DOM元素 mới, sau đó sử dụng nó để thay thế phần tử được chọn.

Hướng dẫn tham khảo hiệu ứng jQuery