0

Preciso de ajuda para encontrar as tags <img> que tem dentro da estrutura abaixo.

Quando encontrado, adicionar uma classe "hasimg" junto a classe "skuFiltro" da tag <ul> primária. Preciso reconhecer se tem imagem ou não para poder diferenciar o estilo CSS da estrutura de front-end de uma plataforma que estou trabalhando.

<ul class="skuFiltro">
    <li>
        <ul class="filterBlock">
            <li>
                <a href="#">
                    <img src="/img/teste.img" alt="">
                </a>
            </li>
        </ul>
    </li>
</ul>
<ul class="skuFiltro">
    <li>
        <ul class="filterBlock">
            <li>
                <a href="#">380mm</a>
            </li>
        </ul>
    </li>
</ul>

1 Resposta 1

1

Para percorrer todos os elementos com a classe 'skuFiltro', você pode utilizar:

$('.skuFiltro').each(function(index, element) {
    var img = element.querySelector("img");
    if(img != null){
       element.addClass("hasimg");
    }
});

A função .each() percorre cada elemento que possua a classe .skuFiltro. A querySelector() está verificando dentro do atual elemento do .each, se há alguma tag 'img', caso não tenha nenhuma dentro do elemento em questão, a variável img vai receber NULL.

2
  • 1
    Obrigado Vinicius, problema resolvido! :) 23/11/2018 às 18:52
  • @IvanRichardRoncatto show! Caso minha resposta tenha contribuído para sua resolução, se puder marcar ela como "resposta". 24/11/2018 às 2:37

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .