<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。并删除之前点击的。 请尽快帮助我。 我想要这个因为我有两个背景图片。
答案 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>
答案 5 :(得分:0)
删除所有类
$("li,a") .removeAttr('class');
删除课程
$('li,a').removeClass('ClassName');
添加一个类
$('li,a').addClass('ClassName');
切换课程
$('li,a').toggleClass('ClassName');