正確的方式改變一個父元素下

-1

這裏是我的代碼，對象的範圍，我只想選擇唯一的一個元素a，當它點擊，改變它的顏色，和其他人不需要改變顏色。正確的方式改變一個父元素下

<!DOCTYPE HTML> 
    <html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <title></title> 
     <style type="text/css"> 
    .choose { 
     color: red; 
    } 
     </style> 
     <script src="../jquery-1.10.min.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
    $(function() { 
      $('.department > a').click(function() { 
       var obja = $('.department >a'); 
       $(this).toggleClass('choose'); 
     }) 
    }) 
     </script> 
    </head> 
    <body> 
    <span class="department"> 
     <a href="javascript:void(0);">hello</a> 
     <a href="javascript: void(0);">world</a> 
     <a href="javascript: void(0);">google</a> 
    </span> 
    </body> 
    </html>

來源

2013-08-07 sgsheg

似乎在這裏很好http://jsfiddle.net/arunpjohny/pVSET/ –

那麼，什麼是你所面臨的問題？似乎在上面的提琴工作正常.. –

以下是更正功能

$(function() { 
      $('.department > a').click(function() { 
       var obja = $('.department >a'); 
       $(this).toggleClass('choose').siblings().removeClass('choose'); 
     }) 
    })

Fiddle Demo

來源

2013-08-07 04:24:44

謝謝你的問題 – sgsheg

這可能對你有幫助

$(function() { 
     $('.department > a').click(function() { 
      $('.department > .choose').removeClass('choose'); 
      $(this).toggleClass('choose'); 
    }) 
})

檢查here in jsfiddle住在行動。

來源

2013-08-07 04:25:07

DEMO

$(function() { 
    $('.department > a').click(function() { 
     var obja = $('.department >a'); 
     obja.removeClass('choose'); 
     $(this).addClass('choose'); 
    }) 
})

來源

2013-08-07 04:36:11

正確的方式改變一個父元素下

回答

相關問題