0

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コードを変更して、元に戻して強制する方法（yes / no / yes / no / yes ...）。

4

1 に答える 1

3

imgsrcを確認してください...

$(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/

于 2012-08-09T10:02:15.923 に答える