Hide Div Jquery

1

How can I do if there is value to display a none in all divs with car?

<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>
    
asked by anonymous 27.04.2018 / 21:10

2 answers

4

You can use the 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><divclass="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>
    
27.04.2018 / 21:14
1

You can use jQuery's each method to iterate with all occurrences of the text class, for example:

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