如何使用jquery追加div

Question

无论如何，我可以通过在其他地方添加“div #B”来实现以下目的，例如从另一个页面或身体的某个地方添加而不是将其写入此脚本本身并且不会遇到与使用JQuery时相同的原始策略问题加载？

$('#A').append("<div id='B'><span><img src='i1.png'></span></div>");

Answer 1

您可以使用此功能在您的身体中附加元素的HTML

$('#A').append($('#someelement').html());

由于同源策略，这不适用于跨源iframe。但是，只要URL位于同一个源，您就可以使用AJAX从其他页面获取HTML。

Answer 2

很抱歉，如果你想附加一个div，你必须能够指定它的内容和风格。

如果要从页面上的div中提取它，请执行以下操作：

var loadAble = $('#YourDivName').html();
$('#A').append("<div class="B"></div>");
$('#A .B').html(loadAble);

请记住分别替换YourDivName！

我知道你说不要使用.load（），但无论如何都要去：

$('#A').append("<div class="B"></div>");
$('#A .B').load("yourFileGoesHere.html#YourDivName");

替代（未经测试）是写：

var B = $('#A').append("<div class="B"></div>");
B.load("yourFileGoesHere.html#YourDivName");