JQuery .hasClass改变子元素的css

Question

我想通过使用其ID来验证div的类，并检查它是否具有特定的类。如果该属性被证明是真的，那么我想在被验证的DIV内的子元素上设置css。我该怎么做？

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

要设置的css应该在div的image子元素上设置：

#kwick4 img

我该怎么做？

谢谢

Answer 1

hasClass返回一个布尔值，您可以使用类选择器：

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

如果你想设置img元素的样式，你可以编码：

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

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

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

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

OR

简单

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