突出顯示鏈接，如果在目錄中

我有一系列的鏈接當前保持突出顯示，如果在當前的網址（使用查詢和CSS）。突出顯示鏈接，如果在目錄中

我的問題是，如果我想讓它保持突出顯示不是因爲頁面，但如果仍然在該目錄中？即。如果我點擊仍在該目錄內的那個頁面上的多個鏈接以保持突出顯示。希望這是有道理的。

的Jquery：

<script> 
    $(function(){ 
    $('.section li a').each(function() { 
     if ($(this).prop('href') == window.location.href) { 
     $(this).addClass('current'); 
     } 
    }); 
    }); 
    </script>

CSS

.section li a.current { 
    text-decoration: underline; 
}

來源

2017-07-05 shimmy

如果你想做到這一點只用jQuery和CSS（無後端），你可能需要您的

所有你需要做的是添加了「當前「類的父目錄以及。這樣，行和父目錄都會高亮顯示。

<script> 
    $(function(){ 
    $('.section li a').each(function() { 
     if ($(this).prop('href') == window.location.href) { 
     $(this).addClass('current'); 
     $(this).parent().parent().addClass('current'); 
     } 
    }); 
    }); 
</script>

來源

2017-07-05 17:14:36

相關問題