單擊切換Img Src

Question

我有這樣的行數，

<tr class="row">
    <td class="optionsImg">
        <img src="../status/approved-01.png" />
        <img src="../status/rejected-01.png" />
        <img src="../status/pending-01.png" />
    </td>
</tr>

和JS

    $("#myTable").on('click', "optionsImg img", function () {
        $(this).attr('src', this.src...);
    });

如何將approved-01 to approved-02切換approved-01 to approved-02或approved-02 to approved-01 ，其他圖像也是如此，我同時擁有兩組圖像，用01.png淡出一個完成效果，用..- 02.png淡化一個完成效果

Answer 1

嘗試這個：

$("#myTable").on('click', ".optionsImg img", function () {
        var currentSRC = $(this).attr('src');
        if(currentSRC.indexOf("-01")>-1)
        {
            currentSRC = currentSRC.replace("-01", "-02");
        }
        else
        {
            currentSRC = currentSRC.replace("-02", "-01");
        }
        $(this).attr('src', currentSRC );
    });