JQuery .hasClass在子元素上更改css

Question

我想通過使用它的ID來驗證div的類，並檢查它是否具有特定的類。如果屬性證明是真實的，那麼我想要將css設置在被驗證的DIV內的子元素上。我怎麼做？

#kwick4 img 

如何做到這一點：

$('#kwick_4').hasClass('active').css('background-position', '0px'); 

的CSS來進行設置，如果div的圖像子元素上設置？

謝謝

Answer 1

var $elem = $('#kwick_4'); 

if($elem.hasClass('active')){ 
    $elem.find('img').css('background-position', '0px'); 
} 

OR

只需

$('#kwick_4.active img').css('background-position', '0px'); 

Answer 2

var quick = $('#kwick_4'); 

if(quick.hasClass('active')){ 
    quick.find('img').css('background-position', '0px'); 
} 

Answer 3

if ($('#kwick_4').hasClass('active')) { 
    $('#kwick_4 img').css('background-position', '0px'); 
} 

Answer 4

hasClass返回一個布爾值，你可以使用類選擇，而不是：如果你想樣式的img元素，您可以編寫

$('#kwick_4.active').css('background-position', '0px'); 

：

$('#kwick_4.active img').css('property', 'value');