javascript - 从 getElementsByClassName() 函数数组中获取 'this' 元素

Question

我有这个代码:

var elements = document.getElementsByClassName('snap_img');

[].slice.call(elements).forEach(function(element) {
    var hammertime = new Hammer(element);
    hammertime.on('doubletap', function(event) {
        img_src = this.getAttribute('src');
        alert(img_src);
    });
}); 

我在顶部有一个数组，其中包含类名为“snap_img”的所有元素。我需要仅获取双击元素本身(this)的“src”属性值。我使用变量“img_src”，其值为“this.getAttribute('src')”，但没有运气。它不会发出任何警报，警报框现在不会出现。

有人知道该怎么做吗？

Answer 1

使用element而不是this

[].slice.call(elements).forEach(function(element) {
    var hammertime = new Hammer(element),
    img_src = element.getAttribute('src'); // now it works
    hammertime.on('doubletap', function(event) {
        alert(img_src);
    });
});