javascript - 使用 onclick 更改图像以获取 100 个不同的图像链接

Question

我对 javascript 相当陌生，只是想弄清楚如何让 100 个图像链接在被点击后更改为特定图像。

我知道您可以添加 ID，但必须添加 100 或 1000 个 ID 会很痛苦。也许有人可以帮助我解决这个问题，或者指导我正确的方向。谢谢!

<a id="click"><img id="change" src="http://i.imgur.com/zS0lOud.jpg" onClick="window.open('http://yahoo.com','_blank');"></a>
<a id="click"><img id="change" src="http://i.imgur.com/zS0lOud.jpg" onClick="window.open('http://google.com','_blank');"></a>
<a id="click"><img id="change" src="http://i.imgur.com/zS0lOud.jpg" onClick="window.open('http://monster.com','_blank');"></a>

document.getElementById('click').onclick = function(){
    document.getElementById('change').src = "http://i.imgur.com/0eaWvgw.jpg";
}

Answer 1

使用 jQuery，

 $('a').on('click', function() {
    $('img').each(function() {
        $(this).attr('src', 'http://i.imgur.com/0eaWvgw.jpg')
    });
});