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

Red*_*box 70 javascript jquery javascript-events

无论如何在点击事件被触发时获取该类.我的代码如下,它只适用于id但不适用于class.

$(document).ready(function() {
  $("a").click(function(event) {
    alert(event.target.id + " and " + event.target.class);
  });
});
Run Code Online (Sandbox Code Playgroud)
<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>
Run Code Online (Sandbox Code Playgroud)

这里有 jsfiddle代码

小智 127

尝试:

$(document).ready(function() {
    $("a").click(function(event) {
       alert(event.target.id+" and "+$(event.target).attr('class'));
    });
});
Run Code Online (Sandbox Code Playgroud)


Pau*_*aul 95

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

event.target.className
Run Code Online (Sandbox Code Playgroud)

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

$(event.target).hasClass('konbo');
Run Code Online (Sandbox Code Playgroud)

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


Osk*_*man 6

Vishesh 答案的一个变体,它返回一个布尔值:

event.target.classList.contains(className)
Run Code Online (Sandbox Code Playgroud)


Vis*_*hra 5

您将在下面的数组中获取所有类

event.target.classList
Run Code Online (Sandbox Code Playgroud)