您好,登錄后才能下訂單哦!
jq怎么在標(biāo)簽外面給父級(jí)標(biāo)簽,怎么在div外面動(dòng)態(tài)加標(biāo)簽,怎么刪除標(biāo)簽的父級(jí)元素,怎么把多個(gè)標(biāo)簽抱在一個(gè)標(biāo)簽里面,標(biāo)簽里面再加一個(gè)標(biāo)簽,請(qǐng)看JQuery包裝對(duì)象wrap、wrapAll、wrapInner、unwrap。
一、JQuery包裝對(duì)象wrap
有時(shí)候我們需要?jiǎng)討B(tài)的操作,把一些標(biāo)簽抱在一個(gè)div或者其他標(biāo)簽里面。
比如說(shuō)動(dòng)態(tài)在下面的span外面加個(gè)標(biāo)簽:
<span>CGLweb前端</span>
這時(shí)候咱們可以使用JQ包裝對(duì)象wrap。
代碼如下:
<span>CGLweb前端 cenggel.com</span>
<script type="text/javascript">
$('span').wrap('<div>');
</script>
輸出的代碼:
<div><span>CGLweb前端 cenggel.com</span></div>
二、JQuery包裝對(duì)象wrapAll(整體包裝)
第一個(gè)例子:
代碼如下:
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
<script type="text/javascript">
$('span').wrapAll('<div>');
</script>
結(jié)果為:
<div>
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
</div>
第二例子:如果代碼里面有其他的標(biāo)簽,jq將會(huì)把這個(gè)標(biāo)簽移除在外面:
代碼如下:
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
<p>CGLweb前端 cenggel.com</p>
<span>CGLweb前端 cenggel.com</span>
<script type="text/javascript">
$('span').wrapAll('<div>');
</script>
結(jié)果為:
<div>
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
</div>
<p>CGLweb前端 cenggel.com</p>
所以使用的時(shí)候盡量注意一下這個(gè)。
三、JQuery包裝對(duì)象wrapInner(內(nèi)包裝)
wrapInner會(huì)直接把作用標(biāo)簽的內(nèi)容放在新加的標(biāo)簽里面。
代碼如下:
<div>CGLweb前端 cenggel.com</div>
<div>CGLweb前端 cenggel.com</div>
<div>CGLweb前端 cenggel.com</div>
<script type="text/javascript">
$('div').wrapInner('<em>');
</script>
結(jié)果為:
<div><em>CGLweb前端 cenggel.com</em></div>
<div><em>CGLweb前端 cenggel.com</em></div>
<div><em>CGLweb前端 cenggel.com</em></div>
四、JQuery包裝對(duì)象unwrap(刪除包裝)
把指定標(biāo)簽的父級(jí)刪除,注意一下,如果標(biāo)簽的父級(jí)是body的時(shí)候,這個(gè)方法將不會(huì)執(zhí)行。
<div>
<p>CGLweb前端 cenggel.com</p>
<p>CGLweb前端 cenggel.com</p>
<p>CGLweb前端 cenggel.com</p>
</div>
<script type="text/javascript">
$('p').unwrap('<div>');
</script>
到此為止JQuery包裝對(duì)象wrap()、wrapAll()、wrapInner()、unwrap(),已經(jīng)講解完畢。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。