jquery cache div si enfant div n'existe pas

Question

Je me demandais comment je pourrais cacher un div si le div enfant n'existe pas à l'intérieur. Chaque div contiendra une balise h2, mais si la div ne comprend pas de div nommé "info", je voudrais qu'il soit caché. Voici la structure:

<div class="qaContainer"> (this div can stay as is, as it contains an "info" div) 
    <h2>Testing Category 03</h2> 
    <div class="info">if this div exists then this parent div can stay as is</div> 
</div> 
<div class="qaContainer"> (i need this div to be hidden as it doesn't contain a "info" div) 
    <h2>Testing Category 04</h2> 
</div> 

Vive

Answer 1

Je devine que quelque chose comme

$('.qaContainer').not($('.info').parent()).hide(); 

travaillerais.

Answer 2

Une solution évidente pourrait être

$('.qaContainer').each(function() { 
    $(this)[0 == $(this).find('.info').size() ? 'hide' : 'show'](); 
}); 

** EDIT **

La solution est évidente, car il est de ne pas utiliser des sélecteurs de fantaisie ou conditionnels; il trouve juste tous les éléments désirés (ici, tous les éléments avec la classe 'qaContainer') et boucle sur eux. Dans la fonction de rappel de la boucle, masquez ou affichez l'élément en cours d'itération selon qu'il existe un élément enfant avec une classe CSS 'info'. Cette solution va cacher ou montrer les éléments, elle est donc générique et réutilisable; il suffit d'exécuter ces trois lignes chaque fois que le DOM change et que vous voulez mettre à jour vos éléments 'qaContainer'.