Question

我是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）和选定的deartmentName选择更改背景颜色。

例如我在orgName1（orgName）中选择了我选择了Enginnering（部门）我想要更改orgName1和Engineering的backgroundcolor再次选择orgName2（orgName）和departmentName是ItBhanu我想为那些应用背景颜色两个并在应用背景颜色之前删除。

我该怎么做..

Answer 1

为您制作演示

    $( ".submitBtn" ).click(function() {
         $( "p:last" ).addClass( "selected highlight" );                       
    });

您可以根据自己的要求进行更改，并添加自己的CSS可能是onload或任何click事件

<强> JSFIDDLE DEMO

Answer 2

$('#idOfElement').addClass('className');

Answer 3

如果我理解你正确，你试图从以前的元素中删除一些样式并将新闻元素应用到New Ones。

首先，创建一个显示已选择元素的类，如：

.selected { background: #ddd; }

然后在jQuery上，您必须附加到锚a标记的点击事件。

$("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');


});

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

3 个答案: