Question

我想将类添加到具有类'alignleft'的元素。我的代码：

$(document).ready(function () {
    if($('.foto').children().hasClass('alignleft')){
        $(this).addClass('animated bounceInLeft');
    }
});

它不起作用，我不知道为什么。但是，如果我使用$('.foto').children().addClass('animated bounceInLeft');，它会将类应用于具有类'alignleft'的所有子元素。所以问题出在$(this)可能吗？

Answer 1

您可以使用类选择器定位元素，然后向它们添加类：

$('.foto .alignleft').addClass('animated bounceInLeft');

Answer 2

您不能使用引用窗口对象的this。而是在 children() 方法中使用该类作为选择器。

$('.foto').children('.alignleft').addClass('animated bounceInLeft');

或使用child selector(>)

$('.foto > .alignleft').addClass('animated bounceInLeft');

Answer 3

尝试

$(document).ready(function() {
 var elem = $('.foto .alignleft');
  if (elem) {
    elem.addClass('animated bounceInLeft');
  }
});

或

$(document).ready(function() {
   $('.foto .alignleft').addClass('animated bounceInLeft');
});

＆＃13;

$(document).ready(function() {
 var elem = $('.foto .alignleft');
  if (elem) {
    elem.addClass('animated bounceInLeft');
  }
});

＆＃13;

.alignleft{color:red;}
.alignright{color:green;}

.animated{background:lightgrey;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foto">
  <div class="alignleft">
    Div A
  </div>
  
  <div class="alignleft">
    Div B
  </div>
  
  <div class="alignright">
    Div C
  </div>
   <div class="alignright">
    Div D
  </div>
</div>

＆＃13;

JQuery - 如果element有类，则添加class

3 个答案: