Javascript/jQuery - 如何获取点击元素的类名?

标签 javascript jquery dom

我在谷歌上搜索了又搜索,得出的结论是,靠我自己很难找到答案。

我正在尝试使用 jquery 或 JavaScript 来获取单击元素的属性。例如,我可以使用“this.hash”——它返回我假定的散列值。

现在我想获取被点击元素的类名。 有可能吗?如何?我在哪里可以找到此类信息?

  • jQuery 文档? - 我能找到的只有方法和插件,没有属性.. 如果有 - 请提供链接。

  • JavaScript 文档? - 甚至有一个全面的吗?再次请一个链接。

  • DOM 文档? - W3C 上的那个或哪里(链接赞赏)。

this.hash 是什么? - DOM JavaScript 还是 jQuery?

最佳答案

在 jQuery 中,如果附加一个 click所有事件<div>标签(例如),你可以得到它的类是这样的:

示例: http://jsfiddle.net/wpNST/

$('div').click(function() {
    var theClass = this.className;  // "this" is the element clicked
    alert( theClass );
});

这使用 jQuery's .click(fn) method分配处理程序,但访问 className属性直接来自被单击的 DOM 元素,由 this 表示.

也有 jQuery 方法可以做到这一点,like .attr() .

示例: http://jsfiddle.net/wpNST/1/

$('div').click(function() {
    var theClass = $(this).attr('class');
    alert( theClass );
});

在这里,我用一个 jQuery 对象包装了 DOM 元素,以便它可以使用 jQuery 提供的方法。 The .attr() method这里获取设置的类。

关于Javascript/jQuery - 如何获取点击元素的类名?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3774699/

相关文章:

JavaScript 倒计时问题。想要清除每次点击按钮的间隔

javascript - touchmove 在 Canvas 上绘制两条线而不是一条

javascript - 将 html 表导出为带有西类牙字符的 excel

javascript - 在图像上添加数字

javascript - 如何使用 DOM 将数字添加到字符串

javascript - 在 textarea 值更改上启用按钮

javascript - 存储在 HTML5 存储中的 Bootstrap 崩溃的当前状态

javascript - 如何删除以...开头的类?

javascript - 如何将 javascript 变量分配给输入文本字段?

javascript - jQuery append in loop - DOM 直到最后才更新