js获取父级元素

1、打开编辑工具editplus，点击editplus菜单栏上的【File】-->New -->HTML page。

2、新建好html页面后，editplus自动帮助我们生成了框架，先把title修改下，然后保存。

3、在body区域里添加了子，父，祖父三级div，代码如下。

4、演示代码写好后，打开浏览器，在浏览器上运行看看效果。

5、下面在head区域里添加实现js获取最高父级的代码，代码具体如下，这样利用了while循环来判断的。

6、实现好后，保存代码，此时再到浏览器上刷新访问，看下，此时d出对话框告诉最后父级是zufu。

<div id="parent">

父标签

<div id="children">

子标签

</div>

</div>$('#children').click(function(){

$(this).parent().css('color','red')

})上面代码会在点击子标签后将父标签的文字变为红色（由于color的继承性，子标签的颜色也会改变）

解释：

click可以为元素绑定click事件，点击时会调用此函数

parent方法可以获取当前元素的父级元素

css方法可以设置指定元素的样式，设置的样式会添加的元素的style属性中