Comment cacher tous les enfants div sauf un spécifique avec jQuery?

Question

<div id="target"> 
    <div id="exclude"></div> 
    <div></div> 
    ... 
</div> 

$('#target').children().hide(); va tout masquer.

Answer 1

Ce que vous voulez faire est de cacher tous les frères et soeurs d'un élément particulier. C'est relativement simple avec jQuery en utilisant la méthode .siblings:

​$("#exclude").siblings().hide();​​​​ 

Cela permet de masquer tous les éléments du même niveau, dans le même élément parent.

Answer 2

Utilisez le :not sélecteur

Answer 3

Avez-vous essayé d'utiliser le sélecteur « non » avec l'identifiant que vous voulez exclure?

http://docs.jquery.com/Selectors/not#selector

En outre, la réponse évidente serait de le suivre avec un $ ('# excluent'). Show()

Answer 4

Je crois que $('#target > div').not('#exclude').hide() devrait faire ce que vous voulez.

Ou alternativement si vous voulez sous-enfants qui sont divs aussi, $('#target div').not('#exclude').hide()

Answer 5

$('#target').children().hide(); 
$('#exclude').show();