Jquery ocultar() todos los elementos con cierta clase excepto uno

<div class='hide'>A</div> 
<div class='hide'>B</div> 
<div class='hide' id='1'>C</div>

Tengo una función llamada showOne que debe ocultar todos los elementos y luego mostrar uno con id = '1'.Jquery ocultar() todos los elementos con cierta clase excepto uno

function showOne(id) { 
// Hide all elements with class = 'hide' 
$('#'+id).show(); 
}

¿Cómo puedo ocultar todos los elementos con class = 'hide' en jquery?

Fuente

2012-05-16 lisovaccaro

solo una nota: no puede tener 'id' que comienza con número a menos que sea HTML5 – Bongs

Pruebe algo como:

function showOne(id) { 
    $('.hide').not('#' + id).hide(); 
} 

showOne(1);

Demostración: http://jsfiddle.net/aymansafadi/kReZn/

Estoy de acuerdo con @TheSystemRestart sin embargo, "NOTA: NO USE ONLY ID numérico".

Fuente

2012-05-16 05:17:37

+1 - Usar .not() es una solución mejor porque ahora no tiene que ocultar el elemento que desea mostrar y luego mostrarlo. Evitando el efecto de "parpadeo", creo que es una mejor experiencia de interfaz de usuario. – alieninlondon

'$ ('. Hide: not (#' + id + ')'). Hide();' es esencialmente lo mismo también ... – Fr0zenFyr

Solo quiero tomar un segundo y reconocer cuán mal escrito está el ejemplo, para un total novato, simplemente porque usted nombró a su clase 'ocultar' como el.función hide() que podría hacer que la gente piense que hay un vínculo entre los dos. Veo este patrón de nombres en todas partes y cuando estaba aprendiendo, me dolió ver esos ejemplos. – Edeph

$('div.hide').hide(300,function() { // first hide all `.hide` 
    $('#'+ id +'.hide').show(); // then show the element with id `#1` 
});

NOTA: No utilice solo ID numérico. NO PERMITIDO. READ THIS

Fuente

2012-05-16 05:13:54

Los ID numéricos están permitidos en html5. ¿Conoce un navegador actual que no los admita? – nnnnnn

Casi me avergüenza de lo fácil que fue la solución y la encontré justo después de escribir la pregunta. Simplemente:

$('.hide').hide();

Fuente

2012-05-16 05:14:34 lisovaccaro

Si lee un tutorial introductorio de jQuery (como uno de los que se encuentran en el sitio web de jQuery) puede aprender todo sobre los selectores más comunes (seleccionar por id, clase, nombre de etiqueta y seleccionar mediante relaciones padre/hijo, etc.), pero es esencialmente lo mismo que la sintaxis del selector de CSS. Una vez que te familiarices con eso, decidir qué método invocar a los elementos seleccionados (por ejemplo, '.hide()') es la parte fácil. – nnnnnn

¿Qué hay de NO ocultar el elemento con id = "1"? ¡Tu propia respuesta no está respondiendo completamente tu propia pregunta! – Griknok

Puede ocultar todos los componentes con clase como ocultar el uso de . $ ('. Ocultar'). Ocultar();

Fuente

2012-05-16 05:15:20

Probar:

function showOne(id) { 
    $('.hide').hide(); 
    $('#'+id).show(); 
}

Fuente

2012-05-16 05:25:38 HGK

Usted tiene que acceder a los elementos de nombre de la clase css. Para hacer esto, use . operador

$('.hide').hide();

Ocultará todos los divs.

Ahora muestra un div por id;

$('#elemID').show();

O también se puede hacer esto mediante el uso de

$('.hide').eq(0).show();

Primeramente se mostrará div tener clase ocultar.

Fuente

2014-03-31 08:35:49

Jquery ocultar() todos los elementos con cierta clase excepto uno

Respuesta

Cuestiones relacionadas