2013-08-07 2 views
-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> 
+1

кажется хорошо здесь http://jsfiddle.net/arunpjohny/pVSET/ –

+0

Итак, в чем проблема вы столкнулись ?? Кажется, хорошо работает, как и в вышеупомянутой скрипке. –

ответ

1

Вот исправленный функциональность

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

Fiddle Demo

+0

спасибо за вашу проблему – sgsheg

1

Это может быть полезно для вас

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

Проверить here in jsfiddle жить в действии.

1

DEMO

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