使用jquery可以很方便的解决这个问题。
parent([expr])
取得一个包含着所有匹配元素的唯一父元素的元素集合。
可以使用可选的表达式来筛选。
<div><p>Hello</p><p>Hello</p></div><script type="text/javascript">
$("p").parent()//获取p元素的父级元素(div)
</script>
1、打开编辑工具editplus,点击editplus菜单栏上的【File】-->New -->HTML page。
2、新建好html页面后,editplus自动帮助我们生成了框架,先把title修改下,然后保存。
3、在body区域里添加了子,父,祖父三级div,代码如下。
4、演示代码写好后,打开浏览器,在浏览器上运行看看效果。
5、下面在head区域里添加实现js获取最高父级的代码,代码具体如下,这样利用了while循环来判断的。
6、实现好后,保存代码,此时再到浏览器上刷新访问,看下,此时弹出对话框告诉最后父级是zufu。