2011-02-24 10 views
5

Me gustaría obtener un fragmento de código que demuestre cómo comprobar si la pestaña ya está abierta.jquery compruebe si la pestaña con un título en particular ya existe

Necesito las siguientes funcionalidades: 1.User haga clic en un botón para añadir pestaña additonal 2.check si una pestaña con éstos título ya existe 3.select pestaña existente si ya existe otra manera añadir una nueva pestaña

saludos, Javanus

+3

Nos tipo de necesidad de ver algo de HTML para éste –

Respuesta

5

Algo como esto:

var nameToCheck = "SomeNewTabName"; 
var tabNameExists = false; 

$('#tabs ul li a').each(function(i) { 
    if (this.text == nameToCheck) { 
     tabNameExists = true; 
    } 
}); 

if (!tabNameExist){ 
    //code to insert new tab here 
} 

voy con la suposición de que está utilizando la pestaña jQuery UI s aquí ...

+0

que Dubmun Gracias, esto funciona bien. ¿Podría dar el ejemplo también de cómo seleccionar la pestaña si ya existe? – javanus

+0

@javanus Simplemente seleccionaría en el nivel 'li' en lugar de 'a' y seleccionaría 'a' dentro del ciclo para verificar si coinciden los nombres. Entonces ya deberías tener la pestaña que deseas dentro del ciclo. Simplemente declare una variable arriba para configurarlo. Creo que debería funcionar – Dubmun

2

Su solución para seleccionar la pestaña existente es un poco compleja. La siguiente línea, que se coloca justo debajo de tabNameExists = true;, funciona muy bien y es muy simple

$("#tabs").tabs('option', 'active', i); 
Cuestiones relacionadas