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 (部門) を選択しました。orgName1 と Engineering の背景色を変更したいのですが、再び orgName2 (orgName) を選択し、departmentName は ItBhanu です。これら 2 つの背景色を適用して削除します。背景色を適用する前に。

これどうやってするの..

4

3 に答える 3

0

あなたのためにデモを作りました

    $( ".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; }

a次に、jQuery では、アンカータグのクリック イベントにアタッチする必要があります。

$("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 に答える