jQuery 文檔操作 - wrapInner() 方法

jQuery 效果参考手册

範例

在每個 p 元素的內容上包裝 b 元素：

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

親自試試

定義和用法

wrapInner() 方法使用指定的 HTML 內容或元素，來包裝每個被選元素中的所有內容 (inner HTML)。

語法

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

必需。規定包圍在被選元素內容周圍的內容。

可能的值:

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

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

使用函數包裝內容

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

語法

$().wrapInner(function())

親自試試

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

更多範例

使用新元素來包裝
創建一個新的 DOM 元素來包裝每個被選元素。

jQuery 效果参考手册