我无法选择下一个li节点

Question

我有以下HTML：

<ul id="ResultatRechercheRapideInteret">
    <div class="ETResultatRechercheType">Personnes</div>
    <li class="globalSearch"></li>
    <li class="globalSearch globalSearchSelected"></li>
    <div class="ETResultatRechercheType">Intérêts</div>
    <li class="globalSearch"></li>
</ul>

当我尝试执行以下jquery指令时，我的第三个li没有得到globalSearchSelected类

$(".globalSearchSelected:last").next('li').addClass("globalSearchSelected");

想法？

由于

Answer 1

您的标记无效。 ul唯一有效的子元素是li元素。话虽如此，为了选择匹配选择器的第一个下一个兄弟，您可以使用nextAll和first方法。 next仅选择下一个元素（，如果它与指定的选择器匹配）。

$(".globalSearchSelected:last")
    .nextAll('.globalSearch') // all the next `.globalSearch` siblings
    .first() // the first matched element
    .addClass("globalSearchSelected");