jquery - 如何使用 jquery on function 选择选择器？

Question

例如我有这个事件

$('body').on('click','.class', function() {
    //something
});

如何获取我单击的 .class 类的元素？

Answer 1

您可以使用this获取 javascript 对象或$(this)获取 jquery 对象。

$('body').on('click','.class', function() {
   alert(this.id);  //with this, javascript provided properties or methods.
   alert($(this).attr('id')); // with $(this) jquery provided properties or methods.
});

Answer 2

尝试这个：

$('body').on('click','.class', function() {
    $(this).<some property here>;
 });

Answer 3

您仍然可以通过 访问它$(this)，就像在.click.

演示

Answer 4

您可以$(this)在处理程序内部访问它

$('body').on('click','.class', function() {
    $(this)  or this  // This points to the element with .class
             // which you just clicked
    alert($(this).attr('class') ); // Gets the class name
});