使用onclick更改文本，然后再更改回

Question

我試圖通過單擊處理程序更改帶有特定單詞的文本鏈接。 當我再次單擊時，文本鏈接應該變回原樣。 我怎樣才能做到這一點？

<div class="checkLevel" id="damonkEYkEY">
    <span data-bind="css: safeLevelClass"> </span>
    <a href="#" id="checkLevelBtn">簽到</a>
</div>

$(document).ready(function(){
    $("#damonkEYkEY").click(function(){
        $(".checkLevel a").text('簽到成功');            
    });
});

Answer 1

為此，您可以為text()方法提供一個函數，並使用三元表達式讀取當前文本值並相應地對其進行更新。 嘗試這個：

 $(document).ready(function() { $("#damonkEYkEY").click(function() { $(".checkLevel a").text(function(i, t) { return t == '簽到' ? '簽到成功' : '簽到'; }); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="checkLevel" id="damonkEYkEY"> <span data-bind="css: safeLevelClass"> </span> <a href="#" id="checkLevelBtn">簽到</a> </div> 

Answer 2

也許是這樣的：

$(document).ready(function(){
    var oldText = $(".checklevel a").text();
    $("#damonkEYkEY").click(function(){
        $(".checkLevel a").text('簽到成功');

    });
    //Suppose back is an id
    $("#back").click(function(){
        $(".checkLevel a").text('oldText);
    });

});

Answer 3

你是這個意思嗎

 $(document).ready(function(){ $("#damonkEYkEY").click(function(){ var ttext = $('a#checkLevelBtn').text(); $("a#checkLevelBtn").text(ttext == '簽到成功' ? '簽到' : '簽到成功'); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="checkLevel" id="damonkEYkEY"> <span data-bind="css: safeLevelClass"> </span> <a href="#" id="checkLevelBtn">簽到</a> </div>