Jquery 在 DIV 中进行多重加载

这是我的代码：

$('#right').load('textes.html #nicolas');
$('#right').load('textes.html #antoine');

问题是内容divantoine覆盖了右边div nicolas加载的内容div

div #right : load div nicolas from file textes.html = ok
div #right : load div antoine from file textes.html = overwrite content = No!

我想把安托万附加到尼古拉斯身上。这是先添加nicolas再添加antoine所以#right将是尼古拉斯+安托万

我尝试将内容放入 var 但没有成功。

任何想法 ？

最重要的是......我想添加一条规则<hr>每个负载之间

也许是这样的，但这不起作用。

$('#right').load('textes.shtml #nicolas').append('<hr>').load('textes.shtml #antoine'); return false;

也许我错过了一些东西，但似乎你们都错过了这样一个事实：这是一个 ajax 调用，并且您是按程序调用函数，而不是作为基于成功的 ajax 响应的回调函数。

此外，如果您要做的事情比将一些 (X)HTML 加载到元素中更复杂，您可能应该使用更强大的 jQuery ajax 方法之一（即 get() 或 post() 或 ajax()）。

假设您将在响应中获得 (X)HTML：

// Only ONE ajax call and very simply parsing... 
$.get('textes.html', {}, function(data) {
    var $response = $('<div />').html(data);
    var $nicolas = $response.find('#nicolas')
    var $antoine = $response.find('#antoine');
    $('#right').append($nicolas).append($antoine);
},'html');

真的就是这么简单。