Javascript 检查类是否有另一个类，并将类添加到下一个子类

我在导航中设置了以下内容：

<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>

我知道如何检查navegacion类是否有class

selectionado

，但我想做的是为下面的子类

navegacion

添加class

oscuro

，如果我在page

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>

等等

我想我可以这样做

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

---

但它显然不起作用。

其中

此

不引用其引用的

文档

对象的元素。因此，选择包含这两个类的元素并执行相同的操作

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

---

在将

selectionado

动态添加到第一个元素时，为什么不同时将

oscuro

添加到下一个元素？一条规则。您应该在问题中发布主脚本。谢谢@pranav。你的建议是我尝试过的，它只是让我意识到我的风格被缓存了，但它奏效了。谢谢

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

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