jquery - 单击它时使用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/