從ul獲得第一級li

Question

我認為這一定很容易，但找不到獲得第一級<li>元素的方法。 我試過這樣：

 var elements = document.querySelectorAll('ul > li'); console.log(elements); 

 <ul> <li>A</li> <li>B</li> <li> C <ul> <li>C1</li> <li>C2</li> <li>C3</li> </ul> </li> <li>D</li> <li>E</li> </ul> 

但這給了我所有<li>元素，包括C1, C2等。

我想只獲得元素

  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li>D</li>
  <li>E</li>

如何使用vanilla javascript實現這一目標？ 請不要jQuery

Answer 1

給外部<ul>一個標識符（或類）並使用ul#myId > li （或ul.myId > li ）選擇它們或者只是指明你不是指任何其他方式的內部ul，例如body > ul > li 。