javascript - 如果找到类，如何为特定 Div 添加 css 属性(JQuery)

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>

这是一段代码，我想在其中添加 css 属性到类为“b”的 div if <p>包含class="ABC" 。怎么做？

Answer 1

$("p.ABC").parents("div.b").css('background-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> //this could be present in some pages
   </div>
</div>

• $("p.ABC")这会发现所有 p 元素都具有类 ABC。
• parents("div.b")查找所选元素的第一个父级 div 并且具有名为 b 的类。
• css()添加您想要的样式。您还可以使用addClass()方法添加预定义类。