JQ和JS获取元素

<ul>
 
<li>John</li>

<li>Karl</li>

<li>Brandon</li>

</ul>

获取第一个元素：  $("ul li:first-child")

<div
id="getfirst">

<ul>
   
<li>John</li>

<li>Karl</li>

<li>Brandon</li>

</ul>

</div>

获取第一个元素：  $("#getfirst").find("ul
li:first-child")

或$("#getfirst").find("ul li").get(0)

或$("#getfirst").find("ul li").first()

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

JQ获取上一个元素：$("#getfirst").prev()

JQ获取下一个元素：$("#getfirst").next()

JS获取上一个元素：document.getElementById("compcode240").previousSibling

JS获取下一个元素：document.getElementById("compcode240").next

JQ获取第一个子元素：$("#getfirst").find("ul li:first-child")

JS获取第一个子元素：document.getElementById("compcode240").firstChild