Latest web development tutorials

jQuery wrap() 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS方法

實例

在<div> 元素中包裹每個<p> 元素:

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

嘗試一下»

定義和用法

wrap() 方法使用指定的HTML 元素來包裹每個被選元素。


語法

$(selector).wrap(wrappingElement,function(index))

参数 描述
wrappingElement 必需。规定包裹每个被选元素的 HTML 元素。

可能的值:

  • HTML 元素
  • jQuery 对象
  • DOM 元素
function (index) 可选。规定返回包裹元素的函数。
  • index- 返回集合中元素的 index 位置。


實例

更多實例

通過DOM創建新元素
如何使用document.createElement() 來創建元素,並用它包裹每個被選元素。

使用函數包裹元素
使用函數規定用什麼包裹每個被選元素。

包裹和解開元素
如何在包裹和解開元素的任務之間進行切換。


jQuery HTML/CSS 方法 jQuery HTML/CSS方法