将类添加到上一个元素

时间:2018-02-25 04:32:46

标签: javascript jquery html

我只想在另一个类之后为按钮添加类,但它在另一个div中。看一下这个例子。

int function(int array[])

在这里,我想添加到类按钮一。但是当底层出现时需要应用它。(这是一个验证消息。所以我不能直接设置为按钮一个。)

我试过这种方式。但它只适用于包装div。

<div class="wrap">
 <button class="one">Click</button>
 <button class="two">Click</button>
</div>
<div class="bottom"></div>

.add-me{
 color:red;
}

这是小提琴:https://jsfiddle.net/eqhj0vm9/2/

1 个答案:

答案 0 :(得分:2)

您必须使用$('.bottom').prev().find(':first-child').addClass('add-me');来选择prev元素的第一个孩子。

$(function() {
  $(".activate").click(function(){
     $('.bottom').show();
     $('.bottom').prev().find(':first-child').addClass('add-me');
  });
});
.add-me {
  color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrap">
  <button class="one">Click</button>
  <button class="two">Click</button>
</div>
<div class="bottom" style="display:none"> BOTTOM CLASS </div>

<br />
<button class="activate">Activate bottom class</button>