Question

Jquery 怎么只给点击的元素加个class

My Files495
01Dropbox42
02Skydrive87
03FTP Server366
04Dropbox1
05Skydrive10
Mail26
01Hotmail9
02Yahoo14
html 代码
比如点击a 只给a加个class，如果点击另外一个a删除之前那个a的class

Answer 1

方法一：

$("a").click(function(){
  $("a").attr("class", "");
  $(this).attr("class", "XXXX");
});

原理就是点击某个<a>，先消除所有<a>的class，然后给当前的<a>添加class="XXXX"。这个写法最快捷。

方法二：

$("a").click(function(){
  if(lastclick)  lastclick.attr("class", "");
  $(this).attr("class", "XXXX");
  lastclick = $(this);
});

这个的原理是点击一个<a>，把当前的对象赋给lastclick，下次点击的时候则先消除lastclick的class

你还有可以在此基础上添加一些额外的东西，比如将<a>的选择器加上其他更具体的限定，区别于其他不需要操作的<a>。还有就是你可以是消除所有<a>的class，也可以是将所有<a>的class改为普通等。

Answer 2

//a在同级可这样
$('#wrapper-250 a').bind('click', function(){
    $(this).addClass('class').siblings().removeClass('class');
});

//不在同级：
$('a').bind('click', function(){
    $('a').removeClass('class');
    $(this).addClass('class');
});

Answer 3

$("a").on("click", function(){
    $("a").removeClass("XXXX");
    $(this).addClass("XXXX");
});