Comparative study of jQuery and javascript to obtain the elements before and after the parent and child. Implementation code_jquery

<title>Comparative learning between jQuery and javascript (getting elements before and after parent and child)</title> <style type="text/css"> .c1{background-color:green;padding:20px;} .c2{background-color:red;padding:20px;} .c1 div{background-color:gray;} </style> <div class="c1" onclick="fChild(this);"> <div id="first" onclick="fNext(this);"> </div> <div id="second" onclick="fPrev(this);">first</div> <div id="third" onclick="fParent(this);">second</div> </div>parent
[Ctrl A select all Note:

If you need to introduce external Js, you need to refresh to execute ]