Question

我尝试使用单击处理程序更改特定单词的文本链接。当我再次单击时，文本链接应该更改回来。我怎样才能做到这一点？

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

hive> set x='test variable';
hive> set;

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

你的意思是这样吗？

＆＃13;

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

＆＃13;

<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>

＆＃13;

使用onclick更改文本然后更改回来

3 个答案: