1

Como posso fazer para se houver valor ocorrer um display none em todas as divs com carro?

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>

<script>
$(document).ready(function() {
    $(".acionador").click(function() {
        if($(".texto").html().indexOf("carro")!=-1) {
            // fazer um hide em todas as divs que contem carro
        }
    });
}); 
</script>

<div class="acionador" style="background: black; color: white;">acionador</div>

<div class="texto"> texo carro </div>
<div class="texto"> texo carro </div>
<div class="texto"> texo moto </div>

2 Respostas 2

4

Você pode utilizar o seletor contains:

$("div.texto:contains('carro')").hide();

$(document).ready(function() {
  $(".acionador").click(function() {
    $("div.texto:contains('carro')").hide();
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="acionador" style="background: black; color: white;">acionador</div>

<div class="texto"> texto carro </div>
<div class="texto"> texto carro </div>
<div class="texto"> texto moto </div>

6
  • 1
    Otimo! não conhecia esse contains :)
    – Josimara
    Commented 27/04/2018 às 19:17
  • @Josimara apesar de não ter o contains listado, segue aqui uma lista de 30 seletores úteis.
    – Sorack
    Commented 27/04/2018 às 19:26
  • como especifico a div por classe ou id ai?
    – Josimara
    Commented 27/04/2018 às 19:45
  • @Josimara por classe você utiliza o ., como no exemplo div.texto. Por id você utiliza o #, ficando algo como div#texto1
    – Sorack
    Commented 27/04/2018 às 19:46
  • 1
    @Miguel hahaha tava namorando, aí não dava tempo. Agora tomei um pé na bunda e to mais disponível
    – Sorack
    Commented 27/04/2018 às 20:21
1

Você pode utilizar o método each do jQuery para iterar com todas as ocorrências da classe texto por exemplo:

$(document).ready(function() {
    $(".acionador").click(function() {
        $(".texto").each(function() {
            if($(this).html().indexOf("carro")!=-1) {
                $(this).css('display', 'none');
            }
        });
    });
}); 

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 .