Question

当我点击href -with JQuery时，更改图像src最简单的方法是什么？ img id="my_image" class="icon" src="1.png" alt="1.png" border="0" /> < a href="#" id="1"> < a href="#" id="2"> < a href="#" id="3"> 1.png，2.png，3.png

Href可以用＃或者最好放在这里一些JS吗？

Answer 1

你的主播应该.bind() ^help一个.click() ^help事件监听器。在该监听器中，您可以通过调用.attr() ^help

来更改 src 属性

$('a').click(function(event) {
    $('#my_image').attr('src', function(i, src) {
        return event.target.id + '.png';
    });
    return false;
});

Answer 2

<img id="my_image" class="icon" src="1.png" alt="1.png" border="0" />
<a onclick="changeImage(this)" href="#" id="1">1</a>
<a onclick="changeImage(this)" href="#" id="2">2</a>
<a onclick="changeImage(this)" href="#" id="3">3</a>

<script>
function changeImage(thisDiv){
  document.getElementById('my_image').src = thisDiv.id+".png"
}
</script>

编辑：没有看到jQuery的要求！

Answer 3

这应该有效：

<a href="javascript:$('#my_image').attr('src', '2.png');" id="1">

Answer 4

$('a').click(function(e) {
    var id = this.id;
    $('#my_image').attr('src', id + '.png');
    e.preventDefault(); 
});

javascript更改图片，href onclick =寻找最简单的方法

4 个答案: