<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'}); }
if($("p.ABC")) { $(".b h1").css({'color': 'red'}); }
这样,如果p包含class=“abc”css属性,就可以应用到h1标记上。但是“if”语句对代码没有任何影响。请帮忙。
使用 hasClass jquery的功能。如果有问题的元素是否有特定的类,则返回布尔值。
hasClass
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>