Cómo ocultar todos los elementos secundarios excepto uno específico con jQuery?

Question

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

$('#target').children().hide(); ocultará todo.

Answer 1

Lo que quieres hacer es ocultar todos los hermanos de un elemento en particular. Eso es relativamente sencillo con jQuery utilizando el método .siblings:

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

Esto ocultará todos los elementos en el mismo nivel, en el mismo elemento padre.

Answer 2

Utilice el :not

Answer 3

¿Ha intentado utilizar el selector de "no" con el ID que desea excluir?

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

Además, la respuesta obvia sería seguir con un $ ('# excluyen'). Show()

Answer 4

Creo que $('#target > div').not('#exclude').hide() debe hacer lo que quiera.

o, alternativamente, si quieres sub-niños que son divs también, $('#target div').not('#exclude').hide()

Answer 5

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