Question

使用jQuery ajax我可以在div中加载另一个页面的div。我的问题是：我可以加载div的内容，但不能加载div本身吗？在这种情况下，我可以加载＆＃34;某些文字＆＃34;和#intern但不是#extern？

一种解决方案是在#extern中的每个元素上加载一个。但这是一个简化的案例，在实际情况中，有很多东西，使这个选项不太方便。

JQUERY AJAX：

$("#target").load("extern.html #extern");

的index.html：

<div id="target"></div>

EXTERN.html：

<div id="extern">
  Some text
  <div id="intern"></div>
</div>

Answer 1

您可以将jQuery.get()与.replaceWith()结合使用，以获得所需的结果：

$.get("extern.html").done(function(data) {
  $("#target").replaceWith(data);
});

Answer 2

在尝试了很多事情后，我找到了答案：

$("#target").load("3-extern.html #extern" // I load the div and the content first
,function(){ $("#intern").unwrap(); } // I eliminate the loaded div that I do not need anymore
);

使用ajax加载div的内容

2 个答案: