jQuery与JavaScript获取父子及前后元素实现代码

jQuery与JavaScript获取父子前后元素实现代码

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>jQuery与javascript对照学习(获取父子前后元素)</title> <style type="text/css"> .c1{background-color:green;padding:20px;} .c2{background-color:red;padding:20px;} .c1 div{background-color:gray;} </style>   </head> <body> <div class="c1" onclick="fChild(this);"> <div id="first" onclick="fNext(this);">first</div> <div id="second" onclick="fPrev(this);">second</div> <div id="third" onclick="fParent(this);">parent</div> </div> </body> </html>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]