Проверьте, имеет ли элемент активный класс, если это так, добавьте класс в другой элемент.

Question

Создание веб-сайта для клиента, но только для главной страницы. Мне нужно получить класс в главном div для целей css. Для этого я пытаюсь найти активный класс в пункте меню для дома, и если он имеет активный класс, то добавьте другой класс в div главной веб-страницы.

до сих пор я не могу получить гораздо дальше, чем это:

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

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

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

Здесь я просто смотрю, если Listelement с классом item101 имеет класс активно, если это так я даю Div-тег с идентификатором основной Класс деревообрабатывающий