在DOM中选择一个不是同级元素的元素，但是

Question

让我们假设我具有以下DOM

<div class="parent">
   <div class="childNotSibling">
   </div>
</div>

<div class="elementToSelect">
</div>

现在，我想选择elementToSelect类的div，但前提是parent类的div内有childNotSibling类的元素。可以使用CSS完成此操作吗？

Answer 1

此JSFiddle应该可以解决问题：https://jsfiddle.net/tremor/f4cghd5x/

在这里使用JQuery是代码的Javascript部分。

// find all the occurrences of .childNotSibling
$("body").find(".childNotSibling").each(function(index, element) {
  // if .childNotSibling's parent has class "parent"
  if ($(this).parent().hasClass("parent")) {
    // and if the parent's next sibling has "elementToSelect"
    if ($(this).parent().next().hasClass("elementToSelect")) {
      // do something with that element
      $(this).parent().next().css("background-color", "red");
    }
  }
});