Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

173
Visualizações
Change outer ul background color when inner li has a class="selected"

I have some menus with unordered list (ul):

<ul class="myul">
  <li>Button1</li>
  <li>Button2</li>
  <li class="selected">Button3</li>
  <li>Button4</li>
</ul>
<ul class="myul">
  <li>Button5</li>
  <li>Button6</li>
  <li>Button7</li>
  <li>Button8</li>
</ul>

and so on...

How i can change with jQuery the background color of outer ul when the inner li has class="selected"?

Thanks in advance.

about 4 years ago · Juan Pablo Isaza
2 Respostas
Responde à pergunta

0

In this case, you can use method closest() or parent(). Here is an example using method closest().

Method closest() target a parent of any level relative to a child.

Method parent() only target the first level parent.

This is a jQuery solution:

$('li.selected').closest('ul').css('background', 'green');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul class="myul">
    <li>Button1</li>
    <li>Button2</li>
    <li class="selected">Button3</li>
    <li>Button4</li>
</ul>

<ul class="myul">
    <li>Button5</li>
    <li>Button6</li>
    <li>Button7</li>
    <li>Button8</li>
</ul>

about 4 years ago · Juan Pablo Isaza Relatório

0

This would be a job for the "has" selector in CSS. Unfortunately, as of this writing, there's almost no browser support for it. Safari Technology Preview "cutting edge" browser has support, and that's just about it.

https://caniuse.com/?search=has

You can search for "css parent selector" to see how this has been a longstanding request among many web developers.

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda