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

前端之家收集整理的这篇文章主要介绍了javascript – 检查元素是否具有活动类,如果是,则将类添加到其他元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
为客户建立一个网站,但仅针对主页我需要在主要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,任何帮助将不胜感激

解决方法

首先,你的代码有一些错误,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

原文链接:https://www.f2er.com/js/158492.html

猜你在找的JavaScript相关文章