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/

单击时使用jquery切换yes-no images

1 个答案: