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