Javascript 循环遍历图像属性

Question

我的网站上有一个 div，其中包含许多图像。我正在尝试获取所述 div 内每个图像的 onclick 属性。

<div class="hoi">
    <img src="" onclick="alert('hoi')"/>
    <img src="" onclick="alert('hoi')"/>
</div>

我尝试了以下 Javascript 代码:

var count = $(".hoi img").length;

for(var i = 0; i <= count; i++){
    alert($('.hoi').find('img').getAttribute('onclick'));
}

但是我收到以下错误Uncaught TypeError: undefined is not a function

这是一个 fiddle http://jsfiddle.net/4Lhn0u87/7/

Answer 1

jQuery 对象中没有名为 getAttribute() 的方法，您有 .attr() 。 getAttribute()是一个 dom api 方法。

$('.hoi img').each(function(){
    console.log($(this).attr('onclick'))
})

要迭代一组元素，您可以使用 .each() .