如果要將元素用其他元素包裹起來,也就是給它增加一個父元素,針對這樣的處理,JQuery提供了一個wrap方法
.wrap( wrappingElement ):在集合中匹配的每個元素周圍包裹一個HTML結(jié)構(gòu)
簡單的看一段代碼:
<p>p元素</p>
給p元素增加一個div包裹
$('p').wrap('<div></div>')
最后的結(jié)構(gòu),p元素增加了一個父div的結(jié)構(gòu)
<div> <p>p元素</p> </div>
.wrap( function ) :一個回調(diào)函數(shù),返回用于包裹匹配元素的 HTML 內(nèi)容或 jQuery 對象
使用后的效果與直接傳遞參數(shù)是一樣,只不過可以把代碼寫在函數(shù)體內(nèi)部,寫法不同而已
以第一個案例為例:
$('p').wrap(function() { return '<div></div>'; //與第一種類似,只是寫法不一樣 })
注意:
.wrap()函數(shù)可以接受任何字符串或?qū)ο?,可以傳遞給$()工廠函數(shù)來指定一個DOM結(jié)構(gòu)。這種結(jié)構(gòu)可以嵌套了好幾層深,但應(yīng)該只包含一個核心的元素。每個匹配的元素都會被這種結(jié)構(gòu)包裹。該方法返回原始的元素集,以便之后使用鏈式方法。
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報