jquery - Css 选择器 - 选择所有同级直到某个同级

Question

我们希望避免在代码中过度使用类。

我们有以下 html 结构:

<div id='hello'></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div id='hello2'></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div id='hello3'></div>
<div></div>
<div></div>

例如，我们如何选择 #hello 之后但直到 #hello2 的所有 div？

仅使用 css 选择器就可以实现这一点吗？

我们可以使用脚本语言(jquery)来实现这一点吗？

更新:

尽管需要一个选择器，但它确实有效，我需要将其放置在 javascript 条件中...抱歉没有提前更清楚地提及它。

Answer 1

你不需要 JS(也不需要 jQuery 框架)，它是 CSS 任务。

使用兄弟选择器:

<style>
    #hello ~ div {background: red} /* four divs after #hello will be red */
    #hello2, #hello2 ~ div {background: white} /* reset red background to default, #hello2 and all next will be white */
</style>

https://jsfiddle.net/sgdedg9z/