jQuery determinar si ul tiene clase u otra

lo que es el camino correcto para determinar si un objeto tiene una clase u otra? El siguiente es appearantly equivocado ..jQuery determinar si ul tiene clase u otra

if ($('#menu-item-49').hasClass('current-menu-item' || 'current-menu-parent')) { 
    $('ul.sub-menu ').css('display', 'block'); 
}

Gracias!

Fuente

2010-07-07 nwindham

Lo siguiente es lo que usted tiene en mente:

var menuItem49 = $('#menu-item-49'); 
if (menuItem49.hasClass('current-menu-item') || menuItem49.hasClass('current-menu-parent')) { 
    // ... 
}

Fuente

2010-07-07 16:06:09 BalusC

sí eso es todo! gracias enferma comprobar su respuesta en un poco ... – nwindham

usted podría utilizar is en su lugar?

if ($('#menu-item-49').is('.current-menu-item, .current-menu-parent')) { 
    $('ul.sub-menu ').css('display', 'block'); 
}

Controlar la corriente conjunto combinado de elementos contra un selector y volver cierto si al menos uno de estos elementos coincide con el selector.

Golpes tener que utilizar múltiples consultas hasClass, que es la alternativa:

if ($('#menu-item-49').hasClass('current-menu-item') || 
    $('#menu-item-49').hasClass('current-menu-parent')) { 
    $('ul.sub-menu ').css('display', 'block'); 
}

Fuente

2010-07-07 16:06:35 GenericTypeTea

Eso es un buen uno! – BalusC

¡Claro! Mejor que escribir hasClass() || hasClass || hasClass una y otra vez. – GenericTypeTea

+1 muy agradable. Usted envió antes que yo :) –

tan cerca!

Probar:

if ($('#menu-item-49').hasClass('current-menu-item') || $('#menu-item-49').hasClass('current-menu-parent')) { 
    $('ul.sub-menu ').css('display', 'block'); 
}

Fuente

2010-07-07 16:06:40 HurnsMobile

if ($('#menu-item-49').hasClass('current-menu-item') || $('#menu-item-49').hasClass('current-menu-parent')) { 
    $('ul.sub-menu ').css('display', 'block'); 
}

¿Ha intentado el siguiente?

Fuente

2010-07-07 16:06:41 Trefex

No se puede utilizar el operador || (o) dentro de hasClass. Prueba esto:

if ($('#menu-item-49').hasClass('current-menu-item') || 
    $('#menu-item-49').hasClass('current-menu-parent')) { 
    $('ul.sub-menu ').css('display', 'block'); 
}

O puede hacer esto si eso es demasiado detallado:

var $menuItem = $('#menu-item-49'); 
if ($menuItem.hasClass('current-menu-item') || 
    $menuItem.hasClass('current-menu-parent')) { 
    $('ul.sub-menu ').css('display', 'block'); 
}

O aún mejor:

var $menuItem = $('#menu-item-49'); 
if ($menuItem.is('.current-menu-item, .current-menu-parent')) { 
    $('ul.sub-menu ').css('display', 'block'); 
}

Fuente

2010-07-07 16:06:49

En su última versión, ¿no debería estar la coma dentro de las comillas? ''.corrent-menu-item, .current-menu-parent'' Estoy bastante seguro de que' is() 'solo acepta 1 argumento, pero la otra respuesta con esta solución hizo lo mismo, entonces ahora estoy comenzando dudar de mí mismo : o) – user113716

Uf, mi mal. ¡Tienes razón! Arreglará esto –

hacerlo de esta manera en su lugar, separándolo en dos trozos:

if ($('#menu-item-49').hasClass('current-menu-item') || $('#menu-item-49').hasClass('current-menu-parent')){ 
    $('ul.sub-menu ').css('display', 'block'); 
}

Espero que esto te ayude

Fuente

2010-07-07 16:07:09

También puede utilizar .is() para comprobar cualquier principio clase con current-menu- mediante el uso de:

if ($('#menu-item-49').is('[class]^="current-menu-"')) { 
    //49 is the current menu! 
}

Más selectores de atributos como ^= pueden ser encontrados here.

Fuente

2010-07-07 20:21:37 jasongetsdown

Hay un problema con este fragmento, en cuanto a la sintaxis. Más bien debería ser: if ($ ('# menu-item-49'). Is ('[class^= "current-menu-"]')) { // 49 es el menú actual! } –

jQuery determinar si ul tiene clase u otra

Respuesta

Cuestiones relacionadas