檢查元素是否具有活動類，如果是，則將類添加到其他元素

Question

為客戶建立一個網站，但僅限於我需要在主要div上獲取css用途的主頁。 為此，我試圖在home的菜單項上尋找一個活動類，如果它有活動類，則在主網頁的div中添加一個不同的類。

到目前為止，我無法進一步了解這個：

<script>
$(document).ready(function() { 
if $('li.level1.item101').hasClass('active');
$('#main').addClass('woodwork');}
});
</script>

這個涉及到的html（li項）在頁面本身下面的某個地方處於活動狀態時看起來像這樣

<li class="level1 item101 active current"> </li>
<li class="level1 item102"> </li>
<div id="main"> </div>

我目前的代碼似乎無法抓住活躍的li或div，任何幫助將不勝感激

Answer 1

首先，你的代碼有一些錯誤，html應該是：

<li class="level1 item101 active current"> active</li>
<li class="level1 item102"> second</li>
<div id="main"> main </div>

和javascript：

$(document).ready(function(){
  if ( $('li.level1.item101').hasClass('active') ) {
    $('#main').addClass('woodwork');
  }
});

這是一個工作小提琴

Answer 2

如果這是你的HTML

<ul>
    <li class="level1 item101 active current"> </li>
    <li class="level1 item102"> </li>
</ul>
<div id="main"> </div>

JavaScript應該如下所示

$(document).ready(function(){
    if ($('li.item101').hasClass('active'))
        $('#main').addClass('woodwork');
});

在這里，我只看看類item101的Listelement是否有活動的類，如果是這樣的話我給div-Tag和ID main這個類木工