Javascript 使用AJAX调用从页面加载特定元素并将其附加到列表中？

我有两页：

第1页有一个标题、一个空的

ol

和一些调用AJAX函数的jQuery

第2页有一个

ol

列表，其中填充了我计划从中提取特定项目的列表项

我使用的AJAX如下所示：

$("#loader").load("ajax.html li:nth-child(1)");

它在拉入第一个

li

时效果非常好。但是，如果某个东西已经在

#loader

中，它将被替换。相反，我希望它将新的

li

附加到现有的后面。我尝试过使用

ajax（）

函数，但这不允许您像

load（）

函数那样调用特定元素，或者至少我找不到方法

---

我最终要做的是使一系列的

li

通过AJAX调用被调用并添加到已经存在的列表中。问题是我在最初的加法上遇到了困难。其余的我可以通过调用一个包含for循环的函数来确定。

使用$get而不是$.ajax

var loadContent = function(url, targetSelector, contentSelector){
   var target = $(targetSelector);
   $.get(url, function(data){
     target.append($(targetSelector, data));
   });
};

loadContent('ajax.html', '#loader', 'li:nth-child(1)');

当然，您可以跳过函数定义，只需回调$.get即可：

$.get('ajax.html', function(data){
   $('#loader').append($('li:nth-child(1)',data));
});

---

如果您只需要

li

或

ol

的html内容，请在append调用中使用

$（'li:nth child（1）'data）.html（）

。

使用$get代替$.ajax

var loadContent = function(url, targetSelector, contentSelector){
   var target = $(targetSelector);
   $.get(url, function(data){
     target.append($(targetSelector, data));
   });
};

loadContent('ajax.html', '#loader', 'li:nth-child(1)');

当然，您可以跳过函数定义，只需回调$.get即可：

$.get('ajax.html', function(data){
   $('#loader').append($('li:nth-child(1)',data));
});

---

如果您只需要

li

或

ol

的html内容，请在append调用中使用

$（'li:nth child（1）”，data）.html（）！非常感谢！与我正在尝试的工作完美配合！非常感谢！