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

xytpbqjk 于 2022-12-21 发布在 Java

关注(0)|答案(8)|浏览(131)

当点击事件被触发时，有没有办法得到这个类。我的代码如下，它只对id起作用，对类不起作用。

$(document).ready(function() {
  $("a").click(function(event) {
    alert(event.target.id + " and " + event.target.class);
  });
});

<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

JavaScript

来源：https://stackoverflow.com/questions/11026056/getting-the-class-of-the-element-that-fired-an-event-using-jquery

8条答案

按热度按时间

7kqas0il1#

$(document).ready(function() {
  $("a").click(function(event) {
    var myClass = $(this).attr("class");
    var myId = $(this).attr('id');
    alert(myClass + " " + myId);
  });
})

<html>

<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
</head>

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

</html>

这对我很有效，jQuery中没有event.target.class函数。

赞(0）回复(0）举报 2022-12-21

nzrxty8p2#

Vishesh答案的变体，它返回布尔值：

event.target.classList.contains(className)

赞(0）回复(0）举报 2022-12-21

nle07wnf3#

如果您使用的是jQuery 1.7：

alert($(this).prop("class"));

或：

alert($(event.target).prop("class"));

赞(0）回复(0）举报 2022-12-21

qnyhuwrf4#

尽管target可能不适用于所有浏览器，但它适用于Chrome，但我认为Firefox（或IE/Edge，记不清了）有点不同，使用srcElement。

var t = ev.srcElement || ev.target;

因而导致了

$(document).ready(function() {
    $("a").click(function(ev) {
        // get target depending on what API's in use
        var t = ev.srcElement || ev.target;

        alert(t.id+" and "+$(t).attr('class'));
    });
});

谢谢你的回答！

赞(0）回复(0）举报 2022-12-21

jyztefdp5#

$(e.target).hasClass('active')

赞(0）回复(0）举报 2022-12-21

dgiusagp6#

试试看：

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

赞(0）回复(0）举报 2022-12-21

yshpjwxd7#

这将包含完整的类（如果元素有多个类，则可以是多个空格分隔的类）。在代码中，它将包含“konbo”或“kinta”：

event.target.className

可以使用jQuery按名称检查类：

$(event.target).hasClass('konbo');

并使用addClass和removeClass添加或删除它们。

赞(0）回复(0）举报 2022-12-21

kt06eoxx8#

你将得到下面数组中的所有类

event.target.classList

赞(0）回复(0）举报 2022-12-21

我来回答

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

8条答案

相关问题

热门标签

最新问答