Question

我试图在点击时更改链接的图像。

<div class="mobilestoreimg">
    <a href="/store-locator"><img src="../includes/mobile-location.png"/></a>
</div>

所以当你点击链接时，它会改变图像

mobile-location.png

太

mobile-location-blk.png

任何想法？

Answer 1

试试这个。它会真的帮助你。

如果您使用的是jQuery。

 $(function() {    
    $('.mobilestoreimg>a').click(function(event) {
      event.preventDefault();
      $('img').attr('src',"newValue");
    })
  })

，否则

document.querySelector('.mobilestoreimg>a').addEventListener('click, function() {   this.querySelector('img').src = 'newValue'; }, false);

Answer 2

您可以向<img>元素添加ID，然后绑定onClick事件以更改src。

<div class="mobilestoreimg">
    <a href="/store-locator"><img id="imgChange" src="../includes/mobile-location.png"/></a>
</div>

Javascript代码：

$('#imgChange').on('click', function(){
    $(this).attr('src','../includes/mobile-location-blk.png'); 
});

Answer 3

使用jQuery的替代版本：

  $(function() {    
    $('a').click(function(event) {
      event.preventDefault();
      $('img').attr('src',"newValue");
    })
  })

我做了一个jsfiddle，但该网站不喜欢打断事件，无论如何，如果你想要它，但没有关于href的链接：http://jsfiddle.net/g1z4zqt9/2/

如何更改图像链接onclick

3 个答案: