如何使用jQuery附加div

Question

无论如何，我可以通过从其他页面（例如，其他页面）或正文中的某个位置附加“ div #B”来实现以下目的，而不是在脚本本身内部编写它，并且不会遇到诸如使用JQuery的Load时遇到的相同源策略问题？

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