1

Tenho uma div .cx-single e nela há um <h4>, gostaria de exibir esse <h4> somente quando ele tiver um link. Como faço isso em jQuery?

2
  • 1
    Link? Em qual sentido? Anchor <a> ou uma URL?
    – user37626
    3/09/2016 às 1:22
  • @nicematt é uma tag <a> 3/09/2016 às 2:02

1 Resposta 1

2

Podes fazer isso apenas com uma linha de código utilizando o .has() para detetar se o elemento h4 tem um link/tag (<a>), e deixar ele escondido já previamente com um display:none; no código CSS da seguinte forma:

$('.cx-single h4').has('a').css('display', 'block');
.cx-single h4 a.link {
    display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="cx-single">
  <h4><a class="link">Insira o Link Aqui</a></h4>
  <h4>Insira o Link Aqui</h4>
</div>

Como podes ver o segundo link não é exibido por não conter nenhum elemento com a tag <a>

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 .