JQ和JS获取元素

Posted 2020-10-19 萌橙

<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