Выберите элемент в DOM, который не является родным, но идет после

Question

Предположим, у меня есть следующий DOM

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

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

Теперь я хотел бы выбрать div с классом elementToSelect, но только если div с классом parent имеет внутри элемент с 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");
    }
  }
});