ajax - Jquery .Load 但不是替换前置

Question

我正在尝试从另一个页面加载一些文本，但是我想添加它而不是替换它。

所以目前我有：

$('#01-L1-00-Container').load('Page.aspx #Q-01-L1-00');

但“01-L1-00-Container”包含一些我需要保留且无法覆盖的内容。如何添加而不是替换？

Answer 1

您可以这样做：

$("#01-L1-00-Container").prepend( $("<div>").load("Page.aspx #Q-01-L1-00"));

或者

$("<div>").load("Page.aspx #Q-01-L1-00", function() {
      $("#01-L1-00-Container").prepend($(this).find("#Q-01-L1-00").html());
});

这些都通过在 dom 中创建一个 div，将新页面（使用 ajax）加载到该div中，然后将新创建的 div 前置到容器中来工作。

Answer 2

假设您不想将数据附加到容器内的其他元素，您不能.load单独执行此操作，但这很容易：

$.get('Page.aspx').done(function (html) {
   $(html).find('#Q-01-L1-00').prependTo("#01-L1-00-Container');
});

Answer 3

试试这个：

$("#01-L1-00-Container").prepend($("<div />").load("URL of Page"));

希望这会有所帮助！