通过Jquery将类添加到选定的li [英] Add class to selected li through Jquery

问题描述

我已经为下拉菜单编写了一个Jquery. 它工作正常，但是当我单击"li"时，它可以很好地打开，但没有在选择的li类中添加css..

I have written a Jquery for Dropdown menu. It's working fine, but when I click on "li" it's opening fine but css is not being added on select li class..

jQuery:

$(".leftnav ul li").click(function () {
         $(this).siblings().find('ul').slideUp(400);
            $(this).find('ul').slideDown(400);      
            $(this).find('ul').addClass('activeclass'); 
            $(this).find('.leftnav ul li').addClass('activeclass1'); 
    });

HTML:

<div class="leftnav left">
        <ul>
            <li><a href="javascript:;">Dashboard</a></li>
            <li><a href="javascript:;">Catagories</a>
                <ul class="dropdown">
                    <li><i class="fa fa-angle-double-right left color iconpad"></i> <a href="#">Add Category</a></li>
                    <li><i class="fa fa-angle-double-right left color iconpad"></i><a href="#">Manage Catagories</a></li>
                </ul>
            </li>

            <li><a href="javascript:;">Portfolio</a>
                <ul class="dropdown">
                    <li><i class="fa fa-angle-double-right left color iconpad"></i><a href="#">Add Portfolio</a></li>
                    <li><i class="fa fa-angle-double-right left color iconpad"></i><a href="#">Manage Portfolio</a></li>
                </ul>
            </li>
</ul>
</div>

任何人都可以让我知道我该怎么做吗?

Can anyone let me know how can I do it?

谢谢.

推荐答案

我认为您在从$(this)寻找.leftNav类的最后一行时出错了.如果是这样，这应该更适合您

I think you have the last line wrong as you were looking for a .leftNav class decendent from $(this). If so, this should work better for you

$(".leftnav ul li").click(function () {
     $(this).siblings().find('ul').slideUp(400);
     $(this).find('ul').slideDown(400);      
     $(this).find('ul').addClass('activeclass');

     $(this).addClass('activeclass1'); 
});

这篇关于通过Jquery将类添加到选定的li的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！