jQuery wrap() 方法

jQuery HTML/CSS 方法

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

使用unwrap()方法刪除所選元素的父元素。

語法:

包裹元素:

$(selector).wrap(wrappingElement)

使用函數(shù)包裹元素:

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

實例

將DIV元素包裹在每個<p>元素周圍:

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

本示例使用document.createElement()創(chuàng)建DIV元素,并將其包裹在每個<p>元素周圍:

$("button").click(function(){
  $("p").wrap(document.createElement("div"));
});
測試看看?/?

使用函數(shù)包裹元素:

$("button").click(function(){
  $("p").wrap(function(){
      return document.createElement("div");
  });
});
測試看看?/?

在包裝和展開元素之間切換:

$("#btn1").click(function(){
  $("p").wrap("<div></div>");
});
$("#btn2").click(function(){
  $("p").unwrap();
});
測試看看?/?

參數(shù)值

參數(shù)描述
wrappingElement指定要包裹每個選定元素的結(jié)構(gòu)

可能的值:

  • HTML元素

  • DOM元素

  • jQuery對象

function(index)指定一個返回包裹元素的函數(shù)
  • index-返回元素在集合中的索引位置

jQuery HTML/CSS 方法

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清