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

时间:2013-06-23 10:59:03

标签: jquery

我有一个包含一些表的外部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());

此警告“未确定”!我错过了什么,或者甚至是正确的approch?

1 个答案:

答案 0 :(得分:2)

您需要将警报置于回调中

$('#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()