jQuery określić, czy ul ma klasę LUB inny

Question

jaki jest właściwy sposób na określenie, czy obiekt ma jedną klasę LUB inny? Następujące informacje są wyraźnie błędne.

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

Dzięki!

Answer 1

Oto co masz na myśli:

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

Answer 2

Można użyć is zamiast?

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

Sprawdź aktualną dopasowany zestaw elementów przeciwko selektora i powrócić prawdziwe, jeśli co najmniej jeden z tych elementów pasuje selektora.

Beats konieczności korzystania z wielu hasClass zapytania, który jest alternatywą:

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

Answer 3

tak blisko!

Spróbuj:

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

Answer 4

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

Czy próbowałeś następujące?

Answer 5

Nie można używać operatora || (lub) w zakresie hasClass. Spróbuj tego:

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

Albo można to zrobić, jeśli to zbyt rozwlekły:

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

Albo jeszcze lepiej:

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

Answer 6

Czy to tak zamiast, oddzielając je w dwóch bitów:

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

Mam nadzieję, że to pomoże

Answer 7

Można również użyć .is() celu sprawdzenia każdej początku klasy z current-menu- za pomocą:

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

Więcej selektorów atrybutów jak ^= można znaleźć here.