檢查類有另一個類，並添加類到下一子

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，但我想要做的是以下兒童navegacion具有類seleccionado添加一類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"); 
});