在所有<li>和<a></a> </li>中添加或删除课程

时间:2013-07-27 04:17:40

标签: jquery

<div class="nirmohi">
    <div align="left" class="nimicontainer nimileft clearfix">
        <ul class="dropdown dropdown-h dropdownleft">
            <li><a href="#">Home</a>

                <ul class="sub-menu">
                    <li><a href="#">About Us</a>
                    </li>
                    <li><a href="#">Administration</a>
                    </li>
                </ul>
            </li>
            <li><a href="#">Services</a>
            </li>
            <li><a href="#">Project</a>
            </li>
            <li><a href="#">Well Known Staff</a>
            </li>
            <li class="sltd1"><a class="sltd2" href="#">Mental Health And Education</a>
            </li>
            <li><a href="#">Patient Enquiry</a>
            </li>
            <li><a href="#">Employment</a>
            </li>
            <li><a href="#">Contact Us</a>
            </li>
            <li><a href="#">Site Map</a>
            </li>
        </ul>`enter code here`</div>
</div>

当我点击其中一个li中的锚点时,我想将其设置为sltd1 而对于一个sltd2。 我想在li中添加该类,单击时添加a。并删除之前点击的。 请尽快帮助我。 我想要这个因为我有两个背景图片。

6 个答案:

答案 0 :(得分:2)

 $(".dropdown li,.dropdown li a").live("click", function(){ 

$('li  a').removeClass('myclass');
$('li a').addClass('myclass');
$('li').removeClass('myclass');
$('li').addClass('myclass');  

}); 

答案 1 :(得分:1)

使用此

$("li,a") .removeAttr('class');

添加课程

$("li,a") .addClass('classname');

这将在li和

上添加classname

答案 2 :(得分:1)

您可以直接.removeclass()喜欢

$('li a').removeClass('myclass');

如果您想添加课程,请使用{/ 1}}

.adClass()

答案 3 :(得分:1)

我们希望将click事件侦听器附加到每个a元素。最亲近的父母是.nirmohi,因此我们应该选择该内容并听取其中任意a的点击次数:

$('.nirmohi').on('click', 'a', clicked);

我在那里引用了一个函数clicked,我们必须定义:

function clicked(e) {
    // ...
}

clicked中,this将引用被点击的DOM元素。这对于某些目的来说很好,但是我们想把它变成一个jQuery对象。为此,将其传递给jQuery函数。

将它作为jQuery对象后,可以使用addClass添加一个类。例如,如果jQuery对象在el中,我可以很容易地添加一个类;例如,featured

el.addClass('featured');

removeClass的工作方式类似。

您也可以访问父元素来添加或删除类;只需使用parent。例如,要获取el的父级:

var parentEl = el.parent();

答案 4 :(得分:0)

您可以直接使用jquery .removeClass().addClass()

$('li').addClass('ABC');//-- AddClass on <li>
$('a').addClass('ABC'); //-- AddClass on <a>
$('li').removeClass('ABC'); //-- RemoveClass on <li>
$('a').removeClass('ABC'); //-- RemoveClass on <li>

AddClass

RemoveClass

答案 5 :(得分:0)

删除所有类

$("li,a") .removeAttr('class');

删除课程

$('li,a').removeClass('ClassName');

添加一个类

$('li,a').addClass('ClassName');

切换课程

$('li,a').toggleClass('ClassName');