类的经典javascript选择器

时间:2014-01-05 15:57:40

标签: javascript

当用户点击具有特定CLASS的元素时,我需要使用经典的Java Script函数来执行方法。

我知道如何使用jQuery做到这一点。我没有选择在当前场景中使用jQuery,我依赖于JS。此外,我需要从触发此功能的对象中获取对象。

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

1 个答案:

答案 0 :(得分:6)

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(或其他任何按类查询的内容名)。