切換yes-no使用jquery點擊它時的圖像

Question

我編寫了一個代碼，使用jQuery將圖像從Yes切換到No。

$(function() { 
    $('#s-ref').click(function(){ 
     $("#s-img").attr('src',"no.png"); 
    }); 
}); 

HTML是：

<a href="#" id="s-ref"><img src="yes.png" alt="" id="s-img"></a> 

如何修改上面的jQuery的代碼，以便它切換回和力（是/否/是/否/是...）。

Answer 1

檢查IMG SRC ...

$(function() { 
    $('#s-ref').click(function(){ 
     if ($("#s-img").attr('src') == 'yes.png') 
      $("#s-img").attr('src',"no.png"); 
     else 
      $("#s-img").attr('src',"yes.png"); 
    }); 
}); 

或者......如果SCR包含 'yes.png' 例如「/foo/barr/yes.png這會工作：

$(function() { 
    $('#s-ref').click(function(){ 
     if ($('#s-img[src*="yes.png"]').length > 0) 
      $("#s-img").attr('src',"no.png"); 
     else 
      $("#s-img").attr('src',"yes.png"); 
    }); 
}); 

這裏是一個小提琴來說明後者的答案 - http://jsfiddle.net/nz35B/