jQuery document operation - phương thức replaceAll()

Hướng dẫn hiệu ứng jQuery

Ví dụ

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

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

Thử ngay

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

Phương thức replaceAll() 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 ý:replaceAll() và replaceWith() Tác dụng tương tự. Khác biệt在于 cú pháp: vị trí của nội dung và selector, và replaceWith() có thể sử dụng hàm để thay thế.

Cú pháp

content).replaceAll(selector)
Tham số Mô tả
content

Bắt buộc. Định nghĩa nội dung của 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ử đã tồn tại - ví dụ ($(".div1"))

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

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 phần tử DOM mới, sau đó sử dụng nó để thay thế phần tử được chọn.

Hướng dẫn hiệu ứng jQuery