如何使用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");