javascript - 如何通过点击切换特定的 JavaScript 函数？

Question

我们需要通过单击禁用并重新启用，该功能可以向我们显示大量 < pre > 内的字符数量。

我们使用的函数是这样的:

<script type="text/javascript">
$(window).load(function(){
    $(document).ready(function(){
    $('pre').each(function(i){
        var iCharacters = $(this).text().length;
            $(this).prepend("<b style='color:red'>" + iCharacters + " </b>");
        });
    });
});
</script>

非常感谢您提前提供的帮助。

Answer 1

我相信一个简单的方法是始终显示数字，但使用 jQuery 的切换方法单击按钮即可隐藏或显示数字。您可以在这里找到一个工作示例:https://jsbin.com/pohagaz/1/edit?html,js,output .

$("pre").each(function(i){
  var iCharacters = $(this).text().length;
  $(this).prepend("<b class='charCount' style='color:red'>" + iCharacters + " </b>");
});

$("#showCounts").click(function() {
  $(".charCount").toggle();
});