jquery怎么获取当前元素的父元素

jquery怎么获取当前元素的父元素


慕村9548890
浏览 1035回答 1
1回答

精慕HU

1234567891011121314151617181920212223242526272829303132333435363738<!DOCTYPE&nbsp;html><html&nbsp;lang="en"><head><meta&nbsp;charset="UTF-8"><title>01获取父节点</title></head><body><ul&nbsp;id="nodeid"><li>小米</li><li&nbsp;id="chuizi">锤子</li><li>华为</li></ul>&nbsp;&nbsp;&nbsp;&nbsp;<script>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//测试parentElement和parentNode的区别/*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;parentNode&nbsp;-&nbsp;获取父节点&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;父级节点可以是所有节点类型,包括文档节点&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;parentElement&nbsp;-&nbsp;获取父元素节点&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;父级必须是元素节点&nbsp;->&nbsp;其实就必须是HTML的标签&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<html>标签的父元素节点是null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//查询节点位置var&nbsp;nodeid&nbsp;=&nbsp;document.getElementById('chuizi');&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//获取父节点console.log(nodeid.parentElement);//获取了ul节点console.log(nodeid.parentNode);//获取了ul节点&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//在顶级元素节点上测试var&nbsp;html&nbsp;=&nbsp;document.documentElement;//属性可返回文档的根节点console.log(html.parentElement);//nullconsole.log(html.parentNode);//#document文档节点&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//总结:如果获取的不是顶级元素节点的情况下,两者都是可以使用&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//parentElement匹配的是parent为element(元素)的情况,而parentNode匹配的则是parent为node(节点)的情况。</script></body></html>以前的笔记,直接可以运行!&nbsp;
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery