Javascript: eğer hasClass daha sonra addClass

Question

Javascript'te yeni. Bir 'animasyonlu fadeInLeft' sınıfı bir görüntüye eklemek istediğimde, div etrafında bir 'active' sınıfı var ve 'active' sınıfını kaybettiğinde 'animated fadeInLeft' sınıfını kaldır. Bir şekilde düzgün çalışmıyor.

<div class="section" id="section1"> 
    <h2>Wireless Digital Music System</h2> 
    <p>Streaming tracks</p> 
    <img id="blueleft" class="blueleft" src="img/blueleft.png" alt="blueleft"> 
    <img id="blueright" class="blueright" src="img/blueright.png" alt="blueright"> 
</div> 

Başka JavaScript komut dosyası çalıştıran var, bir div bölümüne 'aktif' sınıfı katacak: Burada

<script> 
    $(document).ready(function() { 
    if ($('#section1').hasClass('active')) { 
     $('#blueleft').addClass('animated fadeInLeft'); 
    } 
    else { 
     $('#blueleft').removeClass("animated fadeInLeft"); 
    } 
    }); 
</script> 

HTML:

İşte javascript kodudur. Bununla bir problem yok. '# Section1' yerine 'div.section' yazmayı tercih edersem, tüm betik çalışır ve '#blueleft' sınıfını ekleyecektir. Ben bunu bir animatör göstereceğim, çünkü animated.css kullanıyorum. Ama '# section1' koyarsam işe yaramaz. 'Animated fadeInLeft' sınıfını eklemez. Sınıf yerine kimlik kullanmam gerekiyor çünkü 'bölüm' sınıf adına sahip başka div'larım var, ancak farklı kimlikleri var. Sorunun ne olabileceğini bilen var mı?

Answer 1

if($("div#section1.active").length){ 
    $('#blueleft').addClass('animated fadeInLeft'); 
} else { 
} 

Answer 2

aynı kimliğe sahip birden div yaşıyorsanız, bu geçersiz HTML ise ve $ ('# elementID') ile öğeye erişmek, HTML olarak bulunan tek ilk elemanını döndürür sorun yani Eğer

$('div[id^="section1"]').each(function(){ 
    if ($(this).hasClass('active')) { 
     $(this).find('#blueleft').addClass('animated fadeInLeft'); 
    }else { 
     $(this).find('#blueleft').removeClass("animated fadeInLeft"); 
    } 
}) 

bu

section1 kimlikli tüm eleman bulacak ve mantık geçerli olacaktır aşağıdaki gibi her döngü için kullanmak gerekir.