javascript - 如何索引具有相同类的div并在其中搜索？

Question

我需要为奇怪的时间线(旧版 javaEE 系统)创建一个搜索栏。它在 javascript 中，我有一个输入搜索栏，当按下 Enter 时它会运行该函数(e.keycode ==13)。

所有应该在搜索中的div都来自时间线中的同一类，但是，时间线的起始位置(索引)与其他类不同，我应该只从该div开始考虑。我需要知道如何索引所有这些 div (element.querySelectorAll()?) 以及如何忽略那些放置在索引之前的 div(具有不同类的 div)

通过这个打印更容易理解。我用代码制作了一个图像，因为由于 javaEE 服务器结构，我无法提取它并复制，图像中也对此进行了解释。

https://i.ibb.co/prXBNNY/Sem-t-tulo.png

Answer 1

使用general sibling combinator :

var divs = document.querySelectorAll('div.marker.active ~ div.marker');

这将选择所有 div.marker <div class="marker"> 后面的元素 ( div.marker.active )元素 ( <div class="marker active"> )