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>
正在回答
这里wrapInner() 方法使用指定的 HTML 内容或元素,来包裹每个被选元素中的所有内容 (inner HTML)。
所以,执行了element.wrapInner($('.item'));之后,html结构会变。
然后unwrap() 方法删除被选元素的父元素,
显然这个p的父级就是body了,所以是没有办法删除了。
若是想删除p标签的话,可以尝试如下方式:
var element = $('p');
element.wrapInner($('.item'));
$('p div').unwrap();
祝学习愉快!
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星