在jquery中如何移除多个元素的父元素

在jquery中, 可以使用unwrap方法移除多个元素的父元素 。 下面小编举例讲解在jquery中如何移除多个元素的父元素 。

在jquery中如何移除多个元素的父元素

文章插图

需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1【在jquery中如何移除多个元素的父元素】新建一个html文件, 定名为test.html, 用于讲解在jquery中若何移除多个元素的父元素 。
在jquery中如何移除多个元素的父元素

文章插图

2在test.html文件内, 在div标签内, 利用p标签建立多行文字, 用于测试 。
在jquery中如何移除多个元素的父元素

文章插图

3在test.html文件内, 利用button标签建立一个按钮, 用于点击触发执行js函数 。
在jquery中如何移除多个元素的父元素

文章插图

4在test.html文件内, 给button按钮绑定onclick点击事务, 当按钮被点击时, 执行delMyPar()函数 。
在jquery中如何移除多个元素的父元素

文章插图

5在js标签中, 建立delMyPar()函数, 在函数内, 经由过程元素名称获得p标签对象, 利用unwrap方式p标签外的div父元素移除 。
在jquery中如何移除多个元素的父元素

文章插图

6在浏览器打开test.html文件, 点击按钮, 查看成果 。
在jquery中如何移除多个元素的父元素

文章插图
在jquery中如何移除多个元素的父元素

文章插图

总结:11、在div标签内, 利用p标签建立多行文字, 用于测试 。 2、利用button标签建立一个按钮, 给button按钮绑定onclick点击事务, 当按钮被点击时, 执行delMyPar()函数 。 3、在js标签中, 建立delMyPar()函数, 在函数内, 经由过程元素名称获得p标签对象, 利用unwrap方式p标签外的div父元素移除 。


以上内容就是在jquery中如何移除多个元素的父元素的内容啦, 希望对你有所帮助哦!

    推荐阅读