不能应用CSS与jQuery特定H1标签

Question

<div class="b" > <h1>Hello</h1>
  <div class="a"> 
    <p class="ABC">A........Z</p> //this could be present in some pages    
  </div> 
</div>

我试图用if($("p.ABC")) { $(".b h1").css({'color': 'red'}); }

使如果P含有类=“ABC”的CSS属性，都会对h1标签应用。但是，“如果”的声明不会对代码的任何影响。一些帮助，请。

Answer 1

使用hasClass的jQuery的功能。它返回一个布尔值，如果有问题的元素有一个特定的类或没有。

if($("p").hasClass('ABC')) { $(".b,h1").css({'color': 'red'}); }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="b" > <h1>Hello</h1> <div class="a"> 
 <p class="ABC">A........Z</p> 
</div>
</div>