jquery怎么根据指定元素删除父元素_JavaScript

上一篇: jquery怎么让div不占位隐藏下一篇:jquery怎么判断当前元素是第几个...

jquery怎么根据指定元素删除父元素

发布时间：2022-05-16 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了jquery怎么根据指定元素删除父元素，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

在jquery中，可以使用unwrap()方法来根据指定元素删除其父元素，该方法可以移除被选元素的父元素，但会保留自身在原来的位置；语法“$(selector).unwrap()”。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

在jquery中，可以使用unwrap()方法来根据指定元素删除其父元素。

unwrap() 方法可以移除被选元素的父元素，但保留自身（和兄弟元素，如果存在）在原来的位置。

语法：

$(selector).unwrap()

注意：这个方法不接受任何参数。

示例：

<!DOCTYPE htML>
<html>
	<head>
		<;meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("p").unwrap();
				});
			});
		</script>
		<style>
			div {
				background-color: yellow;
			}

			article {
				background-color: pink;
			}
		</style>
	</head>
	<body>

		<div>
			<p>这是一个div元素中的段落。</p>
		</div>
		<article>
			<p>这是一个在文章元素的段落。</p>
		</article>
		<button>移除每个p元素的父元素</button>

	</body>
</html>

脚本宝典总结

以上是脚本宝典为你收集整理的jquery怎么根据指定元素删除父元素全部内容，希望文章能够帮你解决jquery怎么根据指定元素删除父元素所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: jquery怎么让div不占位隐藏下一篇:jquery怎么判断当前元素是第几个...

猜你在找的JavaScript相关文章

html font标签如何设置字体大小？html font标签属性用法介绍 2022-05-16
vue3+TypeScript+vue-router的使用方法 2022-04-16
vue3获取当前路由地址 2022-04-16
如何利用React实现图片识别App 2022-04-16
JavaScript展开运算符和剩余运算符的区别详解 2022-04-16
微信小程序中使用vant框架的具体步骤 2022-04-16
Vue elementUI表单嵌套表格并对每行进行校验详解 2022-04-16
如何利用Typescript封装本地存储 2022-04-16
微信小程序中wxs文件的一些妙用分享 2022-04-16
JavaScript的Set数据结构详解 2022-04-16