JavaScript 选择一个元素之后的所有 sibling

Question

我希望能够选择超过某个元素的所有 sibling ，如下所示:

<ul>
    <li>Unselected</li>
    <li>Unselected</li>
    <li id="start">Start Here</li>
    <li>Selected</li>
    <li>Selected</li>
    <li>Selected</li>
</ul>

我无法计划要选择的 sibling 的数量或开始的数量，所以我猜想在某个时候那里需要有一个 .length。

请只使用 Vanilla JS :) 谢谢!

Answer 1

你可以使用~选择器来选择那些元素，

var elems = document.querySelectorAll("#start ~ li");

DEMO