0

我是 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 (department) 我想更改 orgName1 和 Engineering 的背景颜色，我再次选择了 orgName2 (orgName) 和 DepartmentName 是 ItBhanu 我想为这两个应用背景颜色并删除在应用背景颜色之前。

我怎样才能做到这一点..

4

3 回答 3

0

为你做了一个demo

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

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

JSFIDDLE 演示

于 2013-09-03T06:22:21.117 回答
0 
$('#idOfElement').addClass('className');
于 2013-09-03T06:22:40.587 回答
0

如果我对您的理解正确，您正在尝试从以前的元素中删除一些样式并将新闻元素应用于新元素。

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

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


});
于 2013-09-03T06:29:15.573 回答