wrap怎么取消

wrap怎么取消

老师,请问为什么我的取消不了包裹?代码如下:

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<p>I am WL.</p>

<div class="item"></div>

<a href="#">link1</a>

<a href="#">link2</a>

<a href="#">link3</a>

<a href="#">link4</a>

<a href="#">link5</a>

<a href="#">link6</a>

<a href="#">link7</a>

<script type="text/javascript" src="../jquery-1.12.4.js"></script>

<script type="text/javascript">

$(function(){

var element=$('p');

element.wrapInner($('.item'));

element.Unwrap();

})

</script>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

这里wrapInner() 方法使用指定的 HTML 内容或元素,来包裹每个被选元素中的所有内容 (inner HTML)。

所以,执行了element.wrapInner($('.item'));之后,html结构会变。

然后unwrap() 方法删除被选元素的父元素,

显然这个p的父级就是body了,所以是没有办法删除了。

若是想删除p标签的话,可以尝试如下方式:

var element = $('p');
element.wrapInner($('.item'));
$('p div').unwrap();

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师