用JS给一个div添加自动刷新答案

【问题标题】：Add automatic refresh to a div with JS用JS给一个div添加自动刷新
【发布时间】：2020-11-06 14:20:58
【问题描述】：

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>

【问题讨论】：

您用来“添加新值”的代码在哪里？
我觉得我不明白这个问题。你说的这个“价值”是什么？以及它如何与 div 交互？
我正在尝试在“Iddiv”div 中添加一个刷新按钮。当我单击“加载”按钮时，下面会显示一个 div，我正在尝试在其中添加一个刷新按钮。

标签： javascript html jquery css var

【解决方案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>

【讨论】：

我正在尝试在 'Iddiv' div 中添加一个刷新按钮：/.

【解决方案2】：

鉴于 hadent 提供了新数据的来源。这里有 2 个例子。

示例一：

<button class="btn1" type="button" id="Id" data-newtxt="Example Text">Load</button>

<div id="section1">
    <h2>content div</h2>
    <span class="new-data"></span>
</div>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
jQuery(document).ready(function($) {
    $('.btn1').click(function() {
        $('.section1 .new-data').text( $(this).data('newtxt') );
    })
});
</script>

示例二：

<button class="btn2" type="button" id="Id" data-newtxt="Example Text">Load</button>
<div class="hidden-div">Some example content</div>

<div id="section2">
    <h2>content div</h2>
    <span class="new-data"></span>
</div>


<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
jQuery(document).ready(function($) {
    $('.btn2').click(function() {
        $('.section2 .new-data').text( $('.hidden-div').text() );
    })
});
</script>

【讨论】：

我正在尝试在“Iddiv”div 中添加一个刷新按钮。当我单击“加载”按钮时，下面会显示一个 div，我正在尝试在其中添加一个刷新按钮。