代码之家 › 专栏 › 技术社区 › Roberto

JQuery-如果元素有类,则添加类

addclass animation jquery

Roberto · 技术社区 · 8 年前

我想将类添加到具有类“alignleft”的元素中。我的代码:

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

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

3 回复 | 直到 8 年前

Pranav C Balan Ansh Takalkar 8 年前

你不能用 this ,它引用窗口对象。而是将类用作中的选择器 children() 方法

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

或者使用 child selector( > )

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

Milind Anantwar 8 年前

可以使用类选择器将元素作为目标,然后向其添加类:

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

zakhefron 8 年前

尝试

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

或

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

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

.alignleft{color:red;}
.alignright{color:green;}

.animated{background:lightgrey;}

<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>

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前