javascript - 使用 CSS 或 js 使用动态选择器选择任何 li 的下一个元素

Question

我找不到获取这个的方法。

<ul>
    <li class=""></li>
    <li class=""></li>
    <li class=""></li>
    <li class=""></li>
    <li class=""></li>
    <li class=""></li>
    <li class=""></li>
    <li class=""></li>
</ul>

并使用js将动态类应用到li onclick。 然后选择下一个 li 以应用一些额外的 css。

<ul>
    <li class=""></li>
    <li class=""></li>
    <li class=""></li>
    <li class="test"></li>

    *******<li class=""></li>

    <li class=""></li>
    <li class=""></li>
    <li class=""></li>
</ul>

现在我想在*******li上应用css。

希望我的问题很清楚。 提前致谢。

Answer 1

你可以在 javascript 中使用 css 选择器，所以你可以这样做:

var yourListItem = document.querySelector("li.test + li");

这是一个 fiddle为你