通过 CSS 选择器选择两个已知元素之间的所有元素

rli*_*lib 7 css-selectors

我有两个已定义 id 的元素,它们之间有任何 html,例如:

<div id='d1'>Hello</div>

<!-- Here come any html code -->
<div>Example</div><hr/><a href="">Example</a>

<div id='d2'>World</div>
Run Code Online (Sandbox Code Playgroud)

是否有 CSS 选择器可以选择 #d1 和 #d2 之间的所有元素?

Min*_* Li 2

答:不。

但您始终可以选择 JQuery:

$('#id').nextUntil('#id2')
Run Code Online (Sandbox Code Playgroud)

请记住,该.nextUntil方法选择之间的所有元素(不包括元素)。要选择包含这两个元素的元素,请使用以下命令:

$('#id').nextUntil('#id2').andSelf().add('#id2')
Run Code Online (Sandbox Code Playgroud)

$('#id').nextUntil('#id2')
Run Code Online (Sandbox Code Playgroud)

在我看来,这是最简单的选择。

  • *“你总是可以选择 JQuery”* - “**总是...**”在网络的这一点上从未如此(2020) (2认同)