沃梦达 / 编程问答 / 前端问题 / 正文

使用 onclick 从元素中获取类名

沃梦达教程前端问题

2022-01-01

get class name from element with onclick(使用 onclick 从元素中获取类名)

本文介绍了使用 onclick 从元素中获取类名的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

由于不同的原因，我不能使用 $('.class').click 或 on('click', function..)

Because of different reasons I can NOT use $('.class').click or on('click', function..)

所以我真的必须使用 html 元素中的 onclick="" 事件.

So I really have to use the onclick="" event from the html element.

有没有办法从 onclick 发生的元素中找出类?

Is there a way to find out the class from the element where the onclick happens?

和小提琴 http://jsfiddle.net/Aw8Rb/

感谢大家的帮助！

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<span class="classic one"   onclick="someFunction('one')">CLICK HERE</span>
<span class="classic two"   onclick="someFunction('two')">CLICK HERE</span>
<span class="classic three" onclick="someFunction('three')">CLICK HERE</span>
<span class="classic four"  onclick="someFunction('four')">CLICK HERE</span>


<script type="text/javascript">

    function someFunction(abc) {
        alert(abc);
        alert($(this).attr('class'));

    }

</script>
</body>
</html>

推荐答案

调用函数时需要传递this引用

you need to pass this reference when calling the function

试试这个

<span class="classic one"   onclick="someFunction(this,'one')">CLICK HERE</span>
......  //same for others

jquery

function someFunction(obj,abc) {
        alert(abc);
        alert($(obj).attr('class'));

    }

使用纯 javascript(不带 Jquery)

function someFunction(obj,abc) {
        alert(obj.className);
}

小提琴这里

这篇关于使用 onclick 从元素中获取类名的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：使用 onclick 从元素中获取类名

上一篇：如何同时使用 onclick 和 target="_blank"

下一篇：页面加载时发生的javascript onclick

基础教程推荐

学习HTML

学习jQuery

学习Laravel

学习CSS3

学习Vue.js

学习Bootstrap5

学习ThinkPHP

学习AJAX