jquery如何获取当前节点的父节点

在jquery中 , 通过“:parent”选择器便可以获得当前节点的父节点 。 下面小编举例讲解?jquery如何获取当前节点的父节点 。

jquery如何获取当前节点的父节点

文章插图

需要这些哦
jquery+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery若何获取当前节点的父节点 。 ?
jquery如何获取当前节点的父节点

文章插图

2在test.html文件内 , 在p标签内 , 放一个span标签 。 ?
jquery如何获取当前节点的父节点

文章插图

3在test.html文件内 , 利用button标签建立一个按钮 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行getDad()函数 。 ?
jquery如何获取当前节点的父节点

文章插图

4在js标签中 , 建立getDad()函数 , 在函数内 , 经由过程":parent"获得span元素的父元素 , 并利用prop()方式获得父标签名称 。 ?
jquery如何获取当前节点的父节点

文章插图

5在test.html文件内 , 利用alert()输出父标签名称 。 ?
jquery如何获取当前节点的父节点

文章插图

6在浏览器打开test.html文件 , 查看实现的结果 。 ?
jquery如何获取当前节点的父节点

文章插图

总结:1【jquery如何获取当前节点的父节点】1、在p标签内 , 放一个span标签 。 2、利用button标签建立一个按钮 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行getDad()函数 。 3、在js标签中 , 建立getDad()函数 , 在函数内 , 经由过程":parent"获得span元素的父元素 , 并利用prop()方式获得父标签名称 。 4、在test.html文件内 , 利用alert()输出父标签名称 。 5、在浏览器打开test.html文件 , 查看实现的结果 。 ?


以上内容就是jquery如何获取当前节点的父节点的内容啦 , 希望对你有所帮助哦!

    推荐阅读