javascript - 更改动态 div 内容的 td 值

Question

我在 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

Answer 1

既然你这么说了:- 我在 div 中创建了动态表

所以你需要像下面那样做:-

$('#data').find('#dt1').html("新数据");

即- 引用动态创建的元素及其模仿的静态父元素(通过向上遍历查找)。

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