首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery事件目标重分配

jQuery事件目标重分配
EN

Stack Overflow用户
提问于 2013-08-14 19:03:28
回答 3查看 47关注 0票数 0

我有一个简单的函数,它将查找一个特定的类('.clickable'),并在单击它时添加一个类(‘..上次单击)。我希望从所有其他现有元素中删除(‘.上次单击’)类,这样该类中只有一个项。

代码语言:javascript
运行
复制
$('.clickable').click(function(event) { 
    $('.clickable').removeClass('last-clicked');
    $(event.target).addClass('last-clicked');
}); 

我的函数可以工作,但是在包装器和函数中引用$('.clickable')似乎很愚蠢。是否有更有效的方法?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-08-14 19:07:36

如果您只对这些元素使用last-clicked,请尝试:

代码语言:javascript
运行
复制
$('.clickable').click(function(event) { 
    $('.last-clicked').removeClass('last-clicked');
    $(event.target).addClass('last-clicked');
}); 
票数 3
EN

Stack Overflow用户

发布于 2013-08-14 19:08:19

如果DOM不会添加或删除可单击的元素,则可以这样做:

代码语言:javascript
运行
复制
var $clickable = $('.clickable');
$clickable.click(function(event) { 
    $clickable.removeClass('last-clicked');
    $(event.target).addClass('last-clicked');
}); 
票数 1
EN

Stack Overflow用户

发布于 2013-08-14 19:11:55

你可以用.end()..。

代码语言:javascript
运行
复制
//you can swap out event.target with this, if you like
$('.clickable').click(function(event) { 
    $('.clickable').removeClass('last-clicked').end().find(event.target).addClass('last-clicked');
}); 

演示:http://jsfiddle.net/dirtyd77/eU37H/3/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18240148

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档