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

242
Visualizações
Hide div if another div contains a specific word

I am trying to hide a div if another div contains a specific word.

This is my HTML

<div class="dynamic">
  This text is hidden if another div contains the word "download"
</div>
<div class="something">
  <div class="btn-download">
  If this text has the word "download" the div with class "dynmaic" is hidden
  </div>
</div>

JS

jQuery(document).ready(function($){
if ( $('.btn-download').text() === 'download' ) {
  $('.dynamic').hide();
}
});

What am I doing wrong? And do I need jQuery for it?

JSFiddle

many many thanks in advance

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

0

If a text in div contain a specific word you can use includes method on string ($(selector).text().includes('your-text-search'))

if ( $('.btn-download').text().includes('download') ) {
  $('.dynamic').hide();
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="dynamic">
  This text is hidden if another div contains the word "download"
</div>
<div class="something">
  <div class="btn-download">
  If this text has the word "download" the div with class "dynmaic" is hidden
  </div>
</div>

about 4 years ago · Juan Pablo Isaza Relatório

0

This can help, I'm not an expert but try to edit.

$(document).ready(function() {
  $("#dynamic").click(function() {
    var res = $('#dynamic').text();
    if (res == "value") {
      var hide = document.getElementById("something");
      hide.style.display = "none";
    }
  });
});
about 4 years ago · Juan Pablo Isaza Relatório

0

Your example code needs jQuery. This is a solution using ECMAScript 5 or older and jQuery.

jQuery(document).ready(function($){
  if ( $('.btn-download').text().indexOf('download') !== -1) {
    $('.dynamic').hide();
  }
});

Please check the fiddle https://jsfiddle.net/1sx39q6h/

For jQuery + ECMAScript 6, you have the solution of @jeremy-denis.

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