Javascript 确定是否;a「;li中的元素有一个带有jquery的CSS类

Javascript 确定是否;a「;li中的元素有一个带有jquery的CSS类,javascript,jquery,nav,Javascript,Jquery,Nav,我想根据li元素中的元素和li元素中的子菜单类来执行一些操作。 如果元素有2个classess当前子菜单我想在发生$(“.menu”).mouseenter事件时执行一些操作。如果li元素没有此选项,请执行其他操作 <nav id="id"> <ul> <li><a href="index.html">index</a></li> <li><a href="

我想根据li元素中的元素和li元素中的子菜单类来执行一些操作。 如果元素有2个classess
当前子菜单
我想在发生$(“.menu”).mouseenter事件时执行一些操作。如果li元素没有此选项,请执行其他操作

    <nav id="id"> 
    <ul>
        <li><a href="index.html">index</a></li>
        <li><a href="serviceios.html" class="current submenu">Services</a></li>
        <li><a href="clients.html" >Clients</a></li>
        <li><a href="portfolio.html">Portfolio</a></li>
        <li><a href="contact.html" >Contact</a></li>
        <ul class="menu">
            <li><a href="#" class="documents" data-icon="&#xe000">1</a></li>

            <li><a href="#" class="messages" data-icon="&#xe001">2</a></li>

            <li><a href="#" class="signout" data-icon="&#xe002">3</a></li>
        </ul>
    </ul>
</nav>
怎么办?

此jQuery对象:

$("li a.current.submenu")
将选择包含这两个类的所有标记,并且仅选择这些标记。可以使用该jQuery对象将任何操作仅限于这些标记

或者,如果要遍历所有
li a.submenu
项,如果当前类存在,则执行一项操作;如果当前类不存在,则执行另一项操作,则可以执行以下操作:

$("li a.submenu").each(function() {
    if ($(this).hasClass("current")) {
        // do something here when current class is present
    } else {
        // do something here when current class is not present
    }
});

您正在将
class
设置为
li
中的
a
元素,因此
a
将拥有该类

用这个。这将在
li
中选择当前类
子菜单的
a

if( $('li a.submenu').hasClass('current') ) {
    console.log("Got an li");
    /* Do stuff here */
} else {
    $(".submenu").toggleClass('current');
}
如果您确定一次只有一个元素具有
子菜单
类,则还可以执行以下操作:

if( $('.submenu').hasClass('current') ) {

您需要检查哪个
li
元素?你需要那个元素的数据吗?你的li没有任何类。它们都在锚定标签中。
if( $('.submenu').hasClass('current') ) {