javascript - 检查类(class)是否有另一个类(class)并将类(class)添加到下一个 child

Question

我在导航中进行了以下设置:

<div class="navegacion"><a href="/sobre" title="Sobre Nostros">Sobre Nosotros</a></div>
<div class="navegacion"><a href="/noticias" title="Noticias">Noticias</a></div>
<div class="navegacion"><a href="/elementos" title="Elementos">Elementos</a></div>
<div class="navegacion"><a href="/lugares" title="Lugares">Lugares</a></div>
<div class="navegacion"><a href="/propositos" title="Propositos">Propositos</a></div>
<div class="navegacion"><a href="/esculeas" title="Escuelas">Escuelas</a></div>

当用户转到页面时，例如 www.example.com/sobre sobre 添加了一个新类所以看起来像那些

<div class="navegacion seleccionado"><a href="/sobre" title="Sobre Nostros">Sobre Nosotros</a></div>

我知道如何检查 navegacion 类是否有类 seleccionado ，但我想做的是下面这个 child navegacion有一个类 seleccionado添加类(class) oscuro ，所以如果我在页面 sobre 中，它看起来会像这样

<div class="navegacion seleccionado"><a href="/sobre" title="Sobre Nostros">Sobre Nosotros</a></div>
<div class="navegacion oscuro"><a href="/noticias" title="Noticias">Noticias</a></div>

或者像这样，如果我在页面 noticias它看起来像这样

<div class="navegacion"><a href="/sobre" title="Sobre Nostros">Sobre Nosotros</a></div>
<div class="navegacion seleccionado"><a href="/noticias" title="Noticias">Noticias</a></div>
<div class="navegacion oscuro"><a href="/elementos" title="Elementos">Elementos</a></div>

等等

我以为我可以这样做

$( document ).ready(function() {
    if($(".navegacion").hasClass("seleccionado")) {
        $(this).next().addClass("oscuro");
    }
});

但它显然不起作用。

Answer 1

其中 this 不引用它所引用的 document 对象的元素。因此，选择具有两个类的元素并执行相同的操作。

$(document).ready(function() {
  $(".navegacion.seleccionado").next().addClass("oscuro");
});