单击jquery时使用jquery切换是非图像

我编写了一个代码，使用jQuery将图像从是切换到否

$(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代码，使其切换回并强制（yes/no/yes/no/yes…。

检查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");
    });
});

这里有一把小提琴来说明后一个答案-

检查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");
    });
});

下面用小提琴来说明后一个答案-