Javascript 如何使用jquery追加div

Javascript 如何使用jquery追加div,javascript,jquery,html,css,jsonp,Javascript,Jquery,Html,Css,Jsonp,我是否可以通过从其他地方添加“div#B”来实现以下目标,比如从另一个页面或从正文中的某个地方添加“div#B”,而不是将其写在这个脚本本身中,并且不面临使用JQuery的加载等同源策略问题 $('#A').append("<div id='B'><span><img src='i1.png'></span></div>"); $('A')。追加(“”); 您可以使用它在身体中附加元素的HTML $('#A').append($('#

我是否可以通过从其他地方添加“div#B”来实现以下目标,比如从另一个页面或从正文中的某个地方添加“div#B”,而不是将其写在这个脚本本身中,并且不面临使用JQuery的加载等同源策略问题

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

您可以使用它在身体中附加元素的HTML

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

由于同源策略,这将不适用于跨源iFrame。但是您可以使用AJAX从另一个页面获取HTML,只要URL位于同一来源。

您可以使用它将元素的HTML附加到您的主体中

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

由于同源策略,这将不适用于跨源iFrame。但是您可以使用AJAX从另一个页面获取HTML,只要URL位于同一来源。

您可以使用它将元素的HTML附加到您的主体中

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

由于同源策略,这将不适用于跨源iFrame。但是您可以使用AJAX从另一个页面获取HTML,只要URL位于同一来源。

您可以使用它将元素的HTML附加到您的主体中

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

由于同源策略,这将不适用于跨源iFrame。但是您可以使用AJAX从另一个页面获取HTML,只要URL的来源相同。

很抱歉,如果您希望附加div,您必须能够指定它的内容和样式

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

var loadAble = $('#YourDivName').html();
$('#A').append("<div class="B"></div>");
$('#A .B').html(loadAble);
var loadAble=$('#YourDivName').html();
$('A')。附加(“”);
$('A.B').html(可加载);
记住分别替换你的名字

我知道你说过不要使用.load(),但还是这样:

$('#A').append("<div class="B"></div>");
$('#A .B').load("yourFileGoesHere.html#YourDivName");
$('A')。追加(“”);
$('A.B').load(“yourfilegoesher.html#YourDivName”);
另一种方法(未经测试)是编写:

var B = $('#A').append("<div class="B"></div>");
B.load("yourFileGoesHere.html#YourDivName");
var B=$('#A')。追加(“”);
B.load(“yourfilegoesher.html#YourDivName”);

很抱歉,如果要附加div,必须能够指定其内容和样式

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

var loadAble = $('#YourDivName').html();
$('#A').append("<div class="B"></div>");
$('#A .B').html(loadAble);
var loadAble=$('#YourDivName').html();
$('A')。附加(“”);
$('A.B').html(可加载);
记住分别替换你的名字

我知道你说过不要使用.load(),但还是这样:

$('#A').append("<div class="B"></div>");
$('#A .B').load("yourFileGoesHere.html#YourDivName");
$('A')。追加(“”);
$('A.B').load(“yourfilegoesher.html#YourDivName”);
另一种方法(未经测试)是编写:

var B = $('#A').append("<div class="B"></div>");
B.load("yourFileGoesHere.html#YourDivName");
var B=$('#A')。追加(“”);
B.load(“yourfilegoesher.html#YourDivName”);

很抱歉,如果要附加div,必须能够指定其内容和样式

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

var loadAble = $('#YourDivName').html();
$('#A').append("<div class="B"></div>");
$('#A .B').html(loadAble);
var loadAble=$('#YourDivName').html();
$('A')。附加(“”);
$('A.B').html(可加载);
记住分别替换你的名字

我知道你说过不要使用.load(),但还是这样:

$('#A').append("<div class="B"></div>");
$('#A .B').load("yourFileGoesHere.html#YourDivName");
$('A')。追加(“”);
$('A.B').load(“yourfilegoesher.html#YourDivName”);
另一种方法(未经测试)是编写:

var B = $('#A').append("<div class="B"></div>");
B.load("yourFileGoesHere.html#YourDivName");
var B=$('#A')。追加(“”);
B.load(“yourfilegoesher.html#YourDivName”);

很抱歉,如果要附加div,必须能够指定其内容和样式

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

var loadAble = $('#YourDivName').html();
$('#A').append("<div class="B"></div>");
$('#A .B').html(loadAble);
var loadAble=$('#YourDivName').html();
$('A')。附加(“”);
$('A.B').html(可加载);
记住分别替换你的名字

我知道你说过不要使用.load(),但还是这样:

$('#A').append("<div class="B"></div>");
$('#A .B').load("yourFileGoesHere.html#YourDivName");
$('A')。追加(“”);
$('A.B').load(“yourfilegoesher.html#YourDivName”);
另一种方法(未经测试)是编写:

var B = $('#A').append("<div class="B"></div>");
B.load("yourFileGoesHere.html#YourDivName");
var B=$('#A')。追加(“”);
B.load(“yourfilegoesher.html#YourDivName”);

downvote,如果iFrame在同一个域中,jquery可以获取iFrame HTML,如果您不知道如何操作,请不要误导answer@fareednamrouti谢谢,我更新了答案来解决这个问题,如果iFrame在同一个域中,jquery可以获取iFrame HTML,如果您不知道如何做,请不要误导answer@fareednamrouti谢谢,我更新了答案来解决这个问题。downvote,如果iFrame在同一个域中,jquery可以获得iFrame HTML,如果您不知道如何做,请不要误导answer@fareednamrouti谢谢我更新了答案来解决这个问题。downvote,如果iFrame在同一个域中,jquery可以获取iFrame HTML,如果您不知道如何做,请不要误导answer@fareednamrouti谢谢,我更新了答案来解决这个问题。