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. |