删除类jquery

时间:2010-12-17 12:06:33

标签: jquery

我有两个div标签。我想在当前div的click事件上添加类。 但在那之后,当我点击第二个div时,div都有了这个类。 如何删除前一个div的类?

<div title="a1"></div>

<div title="a1"></div>

$('[title:a1]').click(function() {

   $(this).addClass('current');

}); 

我应该在哪里删除课程?

2 个答案:

答案 0 :(得分:5)

attribute-equals selector中需要=

$('[title=a1]').click(function() {
   $(this).addClass('current');
}); 

请注意,您应该使用类似div[title=a1]的内容,而不是使用任何东西来缩小这个昂贵的选择器。


要从之前选择的类中删除current类,只需执行以下操作:

$('[title=a1]').click(function() {
   $('.current[title=a1]').removeClass('current');
   $(this).addClass('current');
}); 

答案 1 :(得分:1)

您可能需要先从ALL元素中删除该类。

  $('div[title=a1]').click(function() {
       $('div[title=a1]').removeClass('current'); //remove current fom all divs
       $(this).addClass('current'); //ad it to current div only
   });