javascript - 使用JS为div添加自动刷新

Question

div 运行良好，但向其添加新值会导致 NaN .但是在更新页面时，div 会显示更新后的值。
有没有办法添加自动刷新 到这个div？

$(function () {

         $(".but").on("click",function(e) {

          e.preventDefault();
          $(".content").hide();
          $("#"+this.id+"div").show();

        });

    });

.content { display:none };

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button class="but" type="button" id="Id">Load</button>


<div id="Iddiv" class="content">

  <h2>content div</h2>
  
</div>

Answer 1

$(function () {

         $(".but").on("click",function(e) {
         
        
         
         if ($("h2")[0].innerHTML=='content div'){
            $("h2")[0].innerHTML="";
         }else {
         
            $("h2")[0].innerHTML='content div';
         }
          
          
          
          
        });

    });

.content { display:block };

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button class="but" type="button" id="Id">Load</button>


<div id="Iddiv" class="content">

  <h2></h2>
  
</div>