javascript - 仅当存在两个单独的子 div 时，如何向父类添加类

Question

仅当存在两个单独的子 div 时，如何向父类添加类？

如果子级中存在两个类，则此处的代码有效

$('.class1.class2').parents().addClass('newclass');

<div class="parentdiv">
<div class="class1 class2">        
</div>

仅当 class1 和 class2 是子级时，我才尝试将类添加到 Parentdiv

<div class="parentdiv">
<div class="class1">
</div>
<div class="someother">
</div>
<div class="class2">    
</div>

Answer 1

您可以使用 :has() 和选择器 .class1 ~ .class2, .class2 ~ .class 1 来选择 .parentdiv 元素其中 .class1 或 .class2 是子元素，分别是 .class2 或 .class1 的一般同级元素。如果要求仅当 .class1 后跟 .class2 时才选择 .parentdiv，则可以使用选择器 .class1 ~ .class2

$(".parentdiv:has(.class1 ~ .class2, .class2 ~ .class 1)")
.addClass("selected");

.selected {
  color:olive;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parentdiv">
<div class="class1">class1
</div>
<div class="someother">smoother
</div>
<div class="class2">class2
</div>
  </div>
  <div class="parentdiv">
<div class="class1">class1
</div>
<div class="someother">smoother
</div>
<div class="class3">class3
</div>