如何检查div的第一个孩子是否活动

Question

我想检查jquery，如果我的div的第一个孩子有活跃与否的类。但我无法弄清楚有人可以帮忙吗？

这里是我的代码：

$(".popup .title:first-child") 
 
if ($this == .active) { 
 
    console.log("class is active"); 
 
} else { 
 
    console.log("class is not 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>

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>