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

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

Ví dụ

Bao bọc mỗi đoạn văn trong phần tử <div>:

$(".btn1").click(function(){
   $("p").wrap("<div></div>");
});

Thử ngay

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

Phương thức wrap() của jQuery đặt mỗi phần tử được chọn vào nội dung HTML hoặc phần tử được chỉ định.

Cú pháp

$().wrap(wrapper)
Tham số Mô tả
wrapper

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

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.

Sử dụng hàm để bao bọc phần tử

Sử dụng hàm để định nghĩa nội dung bao bọc xung quanh mỗi phần tử được chọn.

Cú pháp

$().wrap(function())

Thử ngay

Tham số Mô tả
function() Bắt buộc. Định nghĩa hàm trả về phần tử bao bọc.

Các ví dụ khác

Sử dụng phần tử mới để bao bọc
Tạo một phần tử DOM mới để bao bọc mỗi phần tử được chọn.
Bao bọc hoặc giải phóng phần tử
Chuyển đổi giữa các nhiệm vụ bao bọc và giải phóng phần tử.

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