如何在jquery或javascript中为所选元素应用css类?
我是Jquery新手,有人告诉我如何选择子元素吗 请检查我的密码如何在jquery或javascript中为所选元素应用css类?,jquery,css,Jquery,Css,我是Jquery新手,有人告诉我如何选择子元素吗 请检查我的密码 <ul class="orglisting"> <li><a href="javascript:getOrgUsers();" class="orglistactive">orgName</a></li> <li> <a href="javascript:getOrgUsers();">orgName1</a>
<ul class="orglisting">
<li><a href="javascript:getOrgUsers();" class="orglistactive">orgName</a></li>
<li>
<a href="javascript:getOrgUsers();">orgName1</a>
<ul id="dId">
<li id="dId1"><a href="javascript:getDeptUsers('Sales','1','1');">Sales</a></li>
<li id="dId2"><a href="javascript:getDeptUsers('Engineering','1','1');">Engineering</a></li>
</ul>
</li>
<li>
<a href="javascript:getOrgUsers();">orgName2</a>
<ul id="dId">
<li id="itbhanu"><a href="javascript:getDeptUsers('ITbhanu','1','1');">ITbhanu</a></li>
</ul>
</li>
<li>
<a href="javascript:getOrgUsers();">orgName3</a>
<ul id="dId">
<li id="Engineering"><a href="javascript:getDeptUsers('PvtLtd','Engineering','1','1');">Engineering</a></li>
</ul>
</li>
</ul>
-
-
-
我的问题是,当我选择deparmentName时,我想选择更改父标记(orgName)和所选DearmentName的背景色
例如,我在orgName1(orgName)中被选中,因为我选择了工程(部门),我想更改orgName1和工程的背景色,再次选择orgName2(orgName),部门名为ItBhanu,我想为这两个应用背景色,并在应用背景色之前删除
我该怎么做..为您制作了一个演示
$( ".submitBtn" ).click(function() {
$( "p:last" ).addClass( "selected highlight" );
});
您可以根据您的要求进行更改,并添加您自己的css,可能是onload
或在任何单击事件上
如果我理解正确,您正在尝试从以前的元素中删除某些样式,并将新闻元素应用于新元素
首先,创建一个类,显示已选择的元素,如:
.selected { background: #ddd; }
然后在jQuery上,您必须附加到锚a
标记的click事件
$("a").on('click', function() {
//Now this is run when all `a` will be clicked
//First lets remove selected class from previously selected items
$('.selected').removeClass('selected');
// And lets add selected to currect element and this parent
$(this).addClasss('selected');
$(this).parent('li').find('a:first').addClass('selected');
});
请发布您的JS代码以了解您的问题。你的代码哪里错了?嗨,我正在使用你的代码,但我得到的对象在我的browser@user2563516,你仍然有这个问题吗?
$("a").on('click', function() {
//Now this is run when all `a` will be clicked
//First lets remove selected class from previously selected items
$('.selected').removeClass('selected');
// And lets add selected to currect element and this parent
$(this).addClasss('selected');
$(this).parent('li').find('a:first').addClass('selected');
});