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