Javascript jquery将html内容（日期戳）加载到div中，而不是我想要的地方

我有一个单独的名为lastrun.html的文件，它只包含一个日期戳。我希望它显示在我的index.html的正确位置

我正在使用

 $(document).ready(function() {
                    $("#lastrun").load("lastrun.html");
 });

在我的html正文部分，我有：

<p>Last run on <div id="lastrun" style="display:inline"></div></p>

上一次运行

人们的期望是：

最后一次运行于2017年6月5日，但实际上：

最后一轮

2017年6月5日

如何在最后一次运行行中获取到Appear的日期？

将div更改为span

<p>Last run on <span id="lastrun" ></span></p>

上一次运行

要更好地解释div和span之间的差异，请查看将div更改为span

<p>Last run on <span id="lastrun" ></span></p>

上一次运行

---

要更好地解释div和span之间的差异，请检查

div

在

p

中是不允许的。这会导致

p

关闭，然后是

div

，然后是另一个空的

p

<p>Last run on <span id="lastrun" style="display:inline"></span></p>

因此，即使在ajax调用之前，您的html也是由如下浏览器呈现的

<p>Last run on </p>
<div id="lastrun" style="display:inline"></div>
<p></p>

或

上一次运行
在
p
中不允许使用div
。这会导致
p
关闭，然后是
div
，然后是另一个空的
p

<p>Last run on <span id="lastrun" style="display:inline"></span></p>

因此，即使在ajax调用之前，您的html也是由如下浏览器呈现的

<p>Last run on </p>
<div id="lastrun" style="display:inline"></div>
<p></p>

或

上一次运行
我创建了一个用于加载内容的

$("#lastrun").load('lastrun.html'); 

以上内容与您的示例相同。div标记不应影响这一点，但是您可以使用更传统的ajax请求进行调试：

$.get('lastrun.html', function(aResponse) {
  $("#lastrun").html(aResponse);
}).fail(function(jqXHR, textStatus, errorThrown) {
  console.error(arguments);
  $("#lastrun").html(errorThrown);
});

这将帮助您确定请求url本身是否存在问题。
我已经创建了一个用于加载内容的url

$("#lastrun").load('lastrun.html'); 

以上内容与您的示例相同。div标记不应影响这一点，但是您可以使用更传统的ajax请求进行调试：

$.get('lastrun.html', function(aResponse) {
  $("#lastrun").html(aResponse);
}).fail(function(jqXHR, textStatus, errorThrown) {
  console.error(arguments);
  $("#lastrun").html(errorThrown);
});

这将帮助您确定请求url本身是否有问题。
检查页面的HTML并粘贴结果，而不是纯文本。请检查从另一页面加载的HTML原因？请检查页面的HTML并粘贴结果，而不是纯文本。请检查从另一页面加载的HTML原因。了解我投了我的票，因为这是一个正确的解决方案，但是如果你发布了一个解释，说明为什么这样做会有效，为什么原件不起作用，那就更好了。我投了我的票，因为这是一个正确的解决方案，但是如果你发布了一个解释，说明为什么那样做会有效，为什么原件不起作用，那就更好了。