Question

我想用jquery检查我的div的第一个孩子是否有活动的类。但我无法弄清楚有人可以帮忙吗？

这是我的代码：

＆＃13;

$(".popup .title:first-child")
if ($this == .active) {
  console.log("class is active");
} else {
  console.log("class is not active");
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="popup">
  <h3 class="title active"></h3>
  <h3 class="title"></h3>
</div>

＆＃13;

Answer 1

if ($("div h3:first-child").hasClass(".active")){
 console.log("Class is active");
}

Answer 2

jQuery有一个函数hasClass()来检查一个元素是否有一个类。在这种情况下：

if($(this).hasClass('active')) {
  console.log("class is active");
} else{
  console.log("class is not active");
}

文档：http://api.jquery.com/hasClass/

Answer 3

以下是检查孩子是否有班级active -

的方法

if($(".popup .title:first-child").hasClass('active')){
  console.log("class is active");
} else{
  console.log("class is not active");
}

Answer 4

// True
console.log( 
    $( ".popup .title" ).first().hasClass('active')
);

// True
console.log( 
    $( ".popup .title:nth-child(1)" ).hasClass('active')
);

// False
console.log( 
    $( ".popup .title:nth-child(2)" ).hasClass('active')
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="popup">
<h3 class="title active"></h3>
<h3 class="title"></h3>
</div>

如何检查div的第一个子节点是否处于活动状态

4 个答案: