javascript - 使用 CSS/JS 定位特定元素之后的元素

Question

使用 Javascript/jQuery 或 CSS 选择器，我如何定位特定元素之后的元素？需要明确的是，我不是指直接在(相邻)之后，而是指页面下方存在的任何和所有匹配元素。

想象一组 <p>小号:

<p>Lorem</p>
<p id="special">Ipsum</p>
<p>Dolor</p>
<p>Sit</p>
<p>Amet</p>

现在我想定位所有 <p>在p#special之后... 所以内容为“Dolor”、“Sit”和“Amet”的那些。我希望有一些可用的选择器，例如:

$('p#special::allAfter p').each(...

我该怎么做？

Answer 1

您可以使用 general sibling CSS 中的选择器

The ~ combinator separates two selectors and matches the second element only if it is preceded by the first, and both share a common parent.

#special ~ p {color: red}

<p>Lorem</p>
<p id="special">Ipsum</p>
<p>Dolor</p>
<p>Sit</p>
<p>Amet</p>

在 jQuery 中它被称为 "Next Siblings Selector "

$('#special ~ p')