从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 。