wrap是針對(duì)單個(gè)dom元素處理,如果要將集合中的元素用其他元素包裹起來(lái),也就是給他們?cè)黾右粋€(gè)父元素,針對(duì)這樣的處理,JQuery提供了一個(gè)wrapAll方法
.wrapAll( wrappingElement ):給集合中匹配的元素增加一個(gè)外面包裹HTML結(jié)構(gòu)
簡(jiǎn)單的看一段代碼:
<p>p元素</p> <p>p元素</p>
給所有p元素增加一個(gè)div包裹
$('p').wrapAll('<div></div>')
最后的結(jié)構(gòu),2個(gè)P元素都增加了一個(gè)父div的結(jié)構(gòu)
<div> <p>p元素</p> <p>p元素</p> </div>
.wrapAll( function ) :一個(gè)回調(diào)函數(shù),返回用于包裹匹配元素的 HTML 內(nèi)容或 jQuery 對(duì)象
通過(guò)回調(diào)的方式可以單獨(dú)處理每一個(gè)元素
以上面案例為例,
$('p').wrapAll(function() { return '<div><div/>'; })
以上的寫(xiě)法的結(jié)果如下,等同于warp的處理了
<div> <p>p元素</p> </div> <div> <p>p元素</p> </div>
注意:
.wrapAll()函數(shù)可以接受任何字符串或?qū)ο?,可以傳遞給$()工廠函數(shù)來(lái)指定一個(gè)DOM結(jié)構(gòu)。這種結(jié)構(gòu)可以嵌套多層,但是最內(nèi)層只能有一個(gè)元素。所有匹配元素將會(huì)被當(dāng)作是一個(gè)整體,在這個(gè)整體的外部用指定的 HTML 結(jié)構(gòu)進(jìn)行包裹。
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)