Öğenin sınıf etkin olduğunu kontrol edin, öyleyse, başka bir öğeye sınıf ekleyin

Question

İstemci için bir web sitesi oluşturma ancak yalnızca ana sayfa için css amacıyla ana div üzerinde bir sınıf almam gerekiyor. Bunun için, ev için menü öğesinde aktif bir sınıf aramaya çalışıyorum ve aktif sınıfa sahipse, ana web sayfasının div'una farklı bir sınıf ekleyin.

şimdiye kadar ben o zaman çok daha alınamıyor bu:

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

bu (li item) için ilgili html sayfası kendisi

<li class="level1 item101 active current"> </li> 
<li class="level1 item102"> </li> 
<div id="main"> </div> 

yerde aşağı aşağıda div ile aktif şöyle

benim geçerli kod aktif li veya div ya kapmak mümkün görünmüyor, herhangi bir yardım büyük hepsinden

Answer 1

İlk mutluluk duyacağız, siz, bu kodla bazı hatalar var html olmalıdır:

<li class="level1 item101 active current"> active</li> 
<li class="level1 item102"> second</li> 
<div id="main"> main </div> 

ve javascript: Burada

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

bir fiddle

Answer 2

çalışıyor bu JavaScript bu

gibi görünmelidir HTML

<ul> 
    <li class="level1 item101 active current"> </li> 
    <li class="level1 item102"> </li> 
</ul> 
<div id="main"> </div> 

ise İşte

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

eğer böyle olursa item101, aktif sınıfa sahip sınıfı ile Listelement ben li yanındaki sınıf ahşap doğrama kimliği ana ile