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