jQuery 文檔操作 - wrap() 方法

jQuery 效果參考手冊

實例

在 <div> 元素中包裝每個段落：

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

親自試一試

定義和用法

wrap() 方法把每個被選元素放置在指定的 HTML 内容或元素中。

語法

$().wrap(wrapper)
參數 描述
wrapper

必需。規定包裝被選元素的内容。

可能的值:

  • HTML 代碼 - 比如 ("<div></div>")
  • 新元素 - 比如 (document.createElement("div"))
  • 已存在的元素 - 比如 ($(".div1"))

已存在的元素不會被移動，只會被複製，並包裝被選元素。

使用函數來包裝元素

使用函數來規定在每個被選元素周圍包裝的內容。

語法

$().wrap(function())

親自試一試

參數 描述
function() 必需。規定返回包裝元素的函數。

更多實例

使用新元素來包裝
創建一個新的 DOM 元素來包裝每個被選元素。
包裝或解開元素
對包裝和解開元素的任務進行切換。

jQuery 效果參考手冊