javascript - 使用 jquery 更改图像

Question

我想在单击链接时更改图像。我有下面的代码。首先点击它就可以工作了。但第二次点击时，情况并非如此。
menu_span 是“链接 ID”
menu_image 是“图像 ID”

$(function() {  
  $("#menu_span").click( function(){

        if(document.getElementById('menu_image').src ="images/arti.jpg")
        {
            document.getElementById('menu_image').src ="images/eksi.jpg";                   
        }

        else

        if(document.getElementById('menu_image').src ="images/eksi.jpg")
        {
            document.getElementById('menu_image').src ="images/arti.jpg";

        }           
    }
  );
});

它的工作原理如下。但我不想使用“i2”

var i2=0;   
  $("#slider_span").click( function(){
      if(i2==0)
        {
            document.getElementById('slider_image').src ="images/eksi.jpg"; 
            document.getElementById('slider_div').style.display="inline-block";
            i2=1;
        }
        else
        if(i2==1)
        {
            document.getElementById('slider_image').src ="images/arti.jpg";
            document.getElementById('slider_div').style.display="none";
            i2=0;
        }

    }
  );

请帮忙!

Answer 1

使用 == 而不是 = 来检查相等性:

if (document.getElementById('menu_image').src == "images/arti.jpg") {
    document.getElementById('menu_image').src ="images/eksi.jpg";                   
} else if(document.getElementById('menu_image').src == "images/eksi.jpg") {
    document.getElementById('menu_image').src ="images/arti.jpg";
}

但是您最好将其存储在变量中，而不是测试元素的状态:

$(function() {
  var nbchanges = 0;
  $("#menu_span").click( function(){
      $('#menu_image').prop('src', (nbchanges++)%2 ? "images/arti.jpg" : "images/eksi.jpg");
  });
});    

Demonstration