jq wrap方法
程序员文章站
2024-03-23 17:55:16
...
wrap ( ) : 给每一个被选中的元素加上一个父级;
eg:给每一个p标签加上类名为wrapper的div父级
<p class="box">1</p>
<p class="box">2</p>
<script>
$(".box").wrap($("<div class='wrapper'></div>"))
</script>
wrapAll ( ) : 把被选中的元素加上一个统一的父级;值得注意的是:被选中的元素必须是同级,不是同级它会以第一个被选中的元素为基准为元素加父级,大家可以去试试。
eg:把选中的p标签加上一个统一的类名为wrapper的div父级
<p class="box">1</p>
<p class="box">2</p>
<script>
$(".box").wrapAll($("<div class='wrapper'></div>"))
</script>
unwrap ( ) : 把被选中的元素的直接父级删除;
eg:删除p标签的父级div元素
<div>
<p class="box">1</p>
</div>
<script>
$(".box").unwrap()
</script>