首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用JQuery获取触发事件的元素的类

使用JQuery获取触发事件的元素的类
EN

Stack Overflow用户
提问于 2012-06-14 10:56:14
回答 7查看 217.6K关注 0票数 86

当click事件被触发时,有没有获取类的方法。我的代码如下,它只适用于id,而不适用于class。

代码语言:javascript
复制
$(document).ready(function() {
  $("a").click(function(event) {
    alert(event.target.id + " and " + event.target.class);
  });
});
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>

<body>
  <a href="#" id="kana1" class="konbo">click me 1</a>
  <a href="#" id="kana2" class="kinta">click me 2</a>
</body>

</html>

jsfiddle代码here

EN

回答 7

Stack Overflow用户

回答已采纳

发布于 2012-06-14 10:59:20

尝试:

代码语言:javascript
复制
$(document).ready(function() {
    $("a").click(function(event) {
       alert(event.target.id+" and "+$(event.target).attr('class'));
    });
});
票数 145
EN

Stack Overflow用户

发布于 2012-06-14 10:59:30

这将包含完整的类(如果元素有多个类,则可以是多个空格分隔的类)。在您的代码中,它将包含"konbo“或"kinta":

代码语言:javascript
复制
event.target.className

您可以使用jQuery按名称检查类:

代码语言:javascript
复制
$(event.target).hasClass('konbo');

并使用addClassremoveClass添加或删除它们。

票数 123
EN

Stack Overflow用户

发布于 2018-10-10 19:59:09

您将获得以下数组中的所有类

代码语言:javascript
复制
event.target.classList
票数 25
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11026056

复制
相关文章

相似问题

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