检查元素是否具有活动类，如果是，则将类添加到其他元素

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');
  }
});

这是一个有效的fiddle

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为class main woodwork