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

2024-11-27 10:23:26

推荐回答（3个）

回答1：

方法一：

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

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

方法二：

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

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

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

回答2：

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

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

回答3：

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