Tengo un archivo html con mas de 3500 div
y necesito crear una función con jQuery que me oculte los div
padres si un div
hijo tiene cierto texto (p.e.: "codigo"). ¿Cómo podría hacerlo?
Ésta es mi función, pero no logro que funcione adecuadamente:
$(".comment").contents( function(){
if (this.value === 0) {
this.parent.css( "display","none");
}
});
Por ejemplo- quisiera que se oculte el div
padre del div
con clase "attributeName" y que contenga el texto "codigo":
$(".comment").contents(function() {
if (this.value === 0) {
this.parent.css("display", "none");
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<div class="attribute">
<div class="attributeName">AAA</div>
<div class="attributeComment"></div>
</div>
<div class="attribute">
<div class="attributeName">codigo</div>
<div class="attributeComment"></div>
</div>
<div class="attribute">
<div class="attributeName">BBB</div>
<div class="attributeComment"></div>
</div>
<div class="attribute">
<div class="attributeName">CCCC</div>
<div class="attributeComment"></div>
</div>
</div>
<!-- Mas de 3000 divs con las mismas clases -->