用法
.wrapAll( wrappingElement ) => jQuery
.wrapAll( wrappingElement ) => jQuery
說明:圍繞匹配元素集中的所有元素包一個 HTML 結構。
-
添加的版本:1.2
.wrapAll( wrappingElement )
-
wrappingElement類型:Selector 或 htmlString 或 Element 或 jQuery一個選擇器、元素、HTML 字符串或 jQuery 對象,指定用於環繞匹配元素的結構。
-
-
添加的版本:1.4
.wrapAll( function )
-
function一個回調函數,返回 HTML 內容或 jQuery 對象以環繞所有匹配的元素。在函數內,
this
指的是集合中的第一個元素。Prior to jQuery 3.0,為集合中的每個元素錯誤地調用回調,並接收集合中元素的索引位置作為參數。
-
.wrapAll()
函數可以采用可以傳遞給 $()
函數的任何字符串或對象來指定 DOM 結構。這個結構可以嵌套好幾層,但應該隻包含一個最裏麵的元素。該結構將圍繞匹配元素集中的所有元素,作為一個組。
考慮以下 HTML:
|
使用 .wrapAll()
,我們可以在內部 <div>
元素周圍插入一個 HTML 結構,如下所示:
|
新的<div>
元素是動態創建並添加到 DOM 中的。結果是一個新的 <div>
包所有匹配的元素:
|
例子:
圍繞所有段落包一個新的 div。
|
演示:
在跨度周圍包一個新創建的對象樹。請注意,跨度之間的任何內容都會像本例中的 <strong>(紅色文本)一樣被忽略。甚至跨度之間的空白也被忽略了。單擊查看源代碼以查看原始 html。
|
演示:
圍繞所有段落包一個新的 div。
|
演示:
在所有段落周圍包一個 jQuery 對象雙深度 div。請注意,它不會移動對象,而隻是將其克隆以環繞其目標。
|
演示:
相關用法
- JQuery .wrap()用法及代碼示例
- JQuery .wrapInner()用法及代碼示例
- JQuery .width()用法及代碼示例
- JQuery .jquery用法及代碼示例
- JQuery .scroll()用法及代碼示例
- JQuery .add()用法及代碼示例
- JQuery .contextmenu()用法及代碼示例
- JQuery .undelegate()用法及代碼示例
- JQuery .load()用法及代碼示例
- JQuery .contents()用法及代碼示例
- JQuery .empty()用法及代碼示例
- JQuery UI .labels()用法及代碼示例
- JQuery UI .addClass()用法及代碼示例
- JQuery .click()用法及代碼示例
- JQuery UI .toggleClass()用法及代碼示例
- JQuery .removeAttr()用法及代碼示例
- JQuery .addClass()用法及代碼示例
- JQuery UI .cssClip()用法及代碼示例
- JQuery .next()用法及代碼示例
- JQuery UI .hide()用法及代碼示例
- JQuery .promise()用法及代碼示例
- JQuery .trigger()用法及代碼示例
- JQuery .mouseenter()用法及代碼示例
- JQuery .slideDown()用法及代碼示例
- JQuery UI .show()用法及代碼示例
注:本文由純淨天空篩選整理自jquery.com大神的英文原創作品 .wrapAll()。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。