javascript - 检查元素是否有类事件，如果是，将类添加到不同的元素

Question

为客户建立一个网站，但只为主页我需要在主 div 上获得一个类用于 css 目的。为此，我试图在主页的菜单项上寻找一个事件类，如果它有事件类，则向主网页的 div 添加一个不同的类。

到目前为止，我不能更进一步:

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

这个(li 元素)涉及的 html 在页面本身下方某处与 div 一起事件时看起来像这样

<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