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