更改动态 div 内容的 td 值答案

【问题标题】：Change td value on dynamic div content更改动态 div 内容的 td 值
【发布时间】：2019-02-10 20:44:37
【问题描述】：

我已经在 div 中创建了动态表格。

<div id="data"></div>

加载数据的脚本

<script>
 $.ajax({
        url:"<?php echo base_url().'input_real/getDetReal';?>",
        cache:false,
        type:"POST",
        data:{id:id},
        success:function(msg){
         $("#data").html(msg);
        }
      });

内容 HTML：

<table id="datatable2" class="table table-bordered" style="width: 100%">
    <thead >
     <tr>
     <th>#</th>
     <th>Code</th>
     <th>Name</th>
     </tr>
    </thead>
     <tbody>
       <tr>
         <td></td>
         <td></td>
         <td id="dt1"></td>
       </tr>
       <tr>
         <td></td>
         <td></td>
         <td id="dt2"></td>
       </tr>
      </tbody>
     </table>

如何用 id=dt1 改变 td 的值我试试

$("#dt1").html("New data"); //not work
$("#dt1").text("New data"); //not work 
$("#data #dt1").html("New data"); // not work

【问题讨论】：

上面的代码应该可以工作。您什么时候使用上述语句？
$.ajax() 是异步的，您是在回调中调用html/text 函数还是在您确定表已加载的任何地方调用？
您的表是否正在加载？？
我确定表已加载，mytable 在我调用 $.ajax 后显示在浏览器上
它的工作。感谢@Alive to Die

标签： javascript jquery

【解决方案1】：

既然你这么说：- I have created dynamic table inside div

所以你需要这样做：-

$('#data').find('#dt1').html("New data");

即- 引用动态创建的元素及其 imidiate 静态父元素（通过向上遍历查找）。

注意：- 当您尝试在 jQuery 中使用 id 时，不同元素的多个相同 id 是不正确的。为此，请使用 class 而不是 id。

【讨论】：

他为什么需要使用它？ stackoverflow.com/questions/6665246/…
我刚刚链接了一个问题，它解释了为什么它完全没用。
我已经添加了关于此的注释。谢谢告知
呃，我没想到页面中可能有两个或多个表，OP没有发布他的完整代码......不过，一个人不应该这样做，而是改变代码有效。
@AlivetoDie 谢谢，昨天我没有在这里找到这个答案。现在，我接受了你的回答:)

【解决方案2】：

你必须把你的$("#dt1").html("New data"); 代码放到这样的成功函数中：

$.ajax({
   url:"<?php echo base_url().'input_real/getDetReal';?>",
   cache:false,
   type:"POST",
   data:{id:id},
   success:function(msg){
       $("#data").html(msg);
       $("#dt1").html("New data");
   }
});

【讨论】：