Selecione um elemento no DOM que não é um irmão, mas vai atrás

votos
0

Vamos supor que eu tenho o seguinte DOM

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

<div class=elementToSelect>
</div>

Agora eu gostaria de selecionar o div com elementToSelectclasse, mas somente se div com parentclasse tem no seu interior um elemento com childNotSiblingclasse. É possível acomplish isso usando css?

Publicado 20/10/2018 em 14:07
fonte usuário
Em outras línguas...                            


1 respostas

votos
0

Este jsFiddle deve fazer o truque: https://jsfiddle.net/tremor/f4cghd5x/

Usando JQuery aqui é a parte Javascript do código.

// 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");
    }
  }
});
Respondeu 22/10/2018 em 17:36
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more