javascript - 类的经典 javascript 选择器

Question

当用户单击具有特定类的元素时，我需要使用经典的 Java 脚本函数来执行方法。

我知道如何使用 jQuery 来做到这一点。在当前情况下我无法选择使用 jQuery，我只能依赖 JS。我还需要从触发此函数的位置获取对象。

jQuery(".caller-icon").click(function(){
    var obj = $this;
    // do what I want using obj
});

Answer 1

var elems = document.querySelectorAll('.caller-icon');

for (var i=0; i<elems.length; i++) {
    elems[i].addEventListener('click', handler, false);
}

function handler() {
    var obj = this;
}

在 IE8 及更低版本中，您需要使用 attachEvent 而不是 addEventListener。如果您需要支持 IE7 及更低版本，则必须执行其他操作，因为 IE7 及更低版本没有 querySelectorAll (或通过类名查询的任何其他内容) )。