jQuery xử lý tài liệu - phương thức wrapAll()

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

Ví dụ

Bao bọc tất cả các đoạn văn trong <div>:

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

Thử ngay

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

wrapAll() đặt tất cả các phần tử được chọn trong nội dung HTML hoặc phần tử được chỉ định.

Cú pháp

$().wrapAll(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.

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

  • Mã HTML - ví dụ ("<div></div>")
  • Phần tử DOM 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 được di chuyển, chỉ được sao chép và bao bọc phần tử được chọn.

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.

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