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

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

Ví dụ

Bao bọc phần tử b trong nội dung của mỗi phần tử p:

$(".btn1").click(function(){
   $("p").wrapInner("<b></b>");
});

Thử ngay

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

Phương thức wrapInner() sử dụng nội dung HTML hoặc phần tử được chỉ định để bao bọc tất cả nội dung (inner HTML) của mỗi phần tử được chọn.

Cú pháp

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

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

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

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

Bao bọc nội dung bằng hàm

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

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

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