Как проверить, включен ли выпадающий список, и добавить класс

Question

Я хочу проверить, переключено ли выпадающее меню. Если в меню есть класс: mega-toggle-on, то добавьте класс в id # submenu-new.

Вот мой код:

  <div id="submenu-new" class="submenu-balk active" style="padding-top: 226px;">

      </div>

<script type="text/javascript">
if ( jQuery( "#mega-menu-wrap-max_mega_menu_1 ul li" ).is( ".mega-toggle-on" ) ) {

 jQuery("#submenu-new").addClass("active");
alert('ss');

}
</script>

Пример, где вы можете найти мега-включаемый класс

Answer 1

Вы можете использовать hasClass в jQuery

if ( jQuery( "#mega-menu-wrap-max_mega_menu_1 ul li" ).hasClass( "mega-toggle-on" ) ) {
jQuery("#submenu-new").addClass("active");
} else {
jQuery("#submenu-new").removeClass("active");}

Answer 2

Поскольку вы используете JQuery, вы можете использовать hasClass, чтобы проверить, существует ли данный класс в текущий момент, и если он существует, вы можете изменить класс на другой класс.

if ( jQuery( "#mega-menu-wrap-max_mega_menu_1 ul li" ).hasClass( "mega-toggle-on" ) ) { // class "mega-toggle-on" exists...
  jQuery("#submenu-new").addClass("active");
} else {  // class "mega-toggle-on" does not exists...
  jQuery("#submenu-new").removeClass("active");
}

Answer 3

Вы можете попробовать вот так:

if ($("#mega-menu-wrap-max_mega_menu_1 ul li").hasClass("mega-toggle-on")) {
    $("#submenu-new").addClass("active");
}

Здесь вы можете найти документацию hasClass из jQuery