Javascript 元素后显示的所有元素的选择器

我知道

+

选择器允许我们操纵相邻的元素，但我希望操纵所有元素，而不仅仅是一个

<article class="non-selected"></article>
<nav id="nav-below"></nav>
<article class="select-me"></article>
<article class="select-me"></article>
<article class="select-me"></article>
<footer class="dont-select-me"></footer>

在上面的例子中，我试图用

selectme

类来选择每一篇

文章。（我不能使用普通的类选择器）

这对于jQuery是可能的吗？
您必须使用
~
而不是
+
，以下所有元素都将匹配

比如,

article.non-selected ~ article.select-me{} /*  will select all articles having .select-me class that are siblings but after a article having the .non-selected element class */

使用jQuery

$('article.non-selected ~ article.select-me')....

jQuery:


或使用CSS（~）：

使用：

示例：
太棒了！我知道会有办法的。谢谢
$('#nav-below').nextUntil('.dont-select-me')  // do something

#nav-below ~ article{ 
  background:red; 
}

.non-selected ~ .select-me {
    color: red;
}