jquery - 使用 jQuery 读取外部 HTML 文件的表格内容

Question

我有一个包含一些表格的外部 HTML 文件“mainstatus.htm”。我使用 jQuery .load() 函数将文件内容加载到 ID 为“result”的 div 中。现在我想看看主表内第二个表中的某些 TD 是否保存特定数据。但似乎我无法使用以下方式访问加载文件的内容。

$('#result').load('http://localhost/mainstatus.htm', function() {
});
alert($("#result table:nth-child(2) tr:nth-child(1) td:nth-child(2)").val());

这会提醒“未定义”！我错过了哪一点，甚至正确的方法是什么？

Answer 1

您需要将警报放在回调中

$('#result').load('http://localhost/mainstatus.htm', function() {
  alert($("#result table:nth-child(2) tr:nth-child(1) td:nth-child(2)").text());
});

由于加载是异步的，因此您的警报甚至在数据加载之前就已执行，您需要等待数据加载后才能使用它，这就是回调函数存在的原因。

还有一件事：你.val()用来获取内容td，你需要使用.text()或.html()