AJAX返回HTML动态渲染表格后，无法获取指定TD元素值的问题排查

嘿，我来帮你搞定这个问题～你遇到的问题主要是用错了获取表格单元格内容的方法，咱们一步步理清楚：

核心错误点 #

val()方法是专门给表单元素（比如<input>、<select>这类）设计的，用来获取它们的输入值。而<td>是普通的HTML元素，要获取它的内容，得用这两个方法：

• text()：获取纯文本内容（会过滤掉HTML标签）
• html()：获取包含HTML标签的内容（如果你的单元格里有嵌套标签的话用这个）

所以你原来的$("#id").val()肯定拿不到值，改成$("#id").text()就对了。

额外的小提醒 #

你提供的表格结构里有个多余的</tr>标签，这个会导致DOM结构异常，可能也会影响元素查找，记得修正成正确的结构：

<table>
  <tr>
    <td id="id">123</td>
  </tr>
</table>

修正后的完整代码示例 #

$.ajax({
  url: "你的接口地址",
  type: "GET", // 或者POST，根据你的接口实际情况调整
  success: function(result) {
    $("#table").html(result); // 成功获取数据后渲染表格
  },
  complete: function() {
    var id = $("#id").text(); // 改用text()获取td的文本内容
    alert(id); // 现在就能正常弹出123啦
  }
});

另外补充一下：AJAX的success回调会在请求成功后先执行（也就是先渲染表格），complete在所有流程结束后执行，这个顺序是没问题的，所以不用担心里程碑的问题～

内容的提问来源于stack exchange，提问作者c319113