如何在jquery或javascript中为所选元素应用css类?

如何在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>

我是Jquery新手,有人告诉我如何选择子元素吗 请检查我的密码

<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');


});