jQuery$.get（）删除某些元素，但删除任何不需要的元素，然后追加

我一直在创建一个WordPress主题，但在向DOM中插入所需的新内容时遇到了一些困难

为了简化我的问题，我尝试将这个示例放在一起，而不使用所有的技巧来演示我的目标

考虑以下几点：

第一页html内容 通过上面的操作，我能够成功地将新列表项附加到无序列表中（如果我上面的示例粘贴正确的话）

我试图做的是从

$.get（）

接收的数据中删除

，并仅附加

项

尝试实现上述要求的非功能代码示例：

// get the li's from data but get rid of li.list-divider
$(data).find('.ordered-list').remove('.list-divider').html();

我想我遗漏了什么，这可能有一个非常简单的解决方案

---

提前感谢：）

非常接近，您只需要添加正确的jQuery元素，而不是尝试从HTML中删除错误的元素：

$.get('http://example.com/nextpage', function(data){
     $(".ordered-list").append(
         $(data).find('li.list-item') // append the actual li elements themselves
     ); 
});

示例-

---

这将从响应中删除具有类列表分隔符的li。

是的，这也会起作用-我现在知道哪里出了问题-我对

.html（）

的使用很混乱，因为我使用的是

$（数据）

，并且假设它必须存在。我现在使用两种方法，一种是只追加需要的内容，另一种是成功地删除，如上面的示例所示。谢谢@Zahid

$('#load-more a').click(function() {
    $.get('http://example.com/nextpage', function(data){
         $(".ordered-list").append(
             $(data).find('.ordered-list').html() // get the li's from data
         ); // append the new li's to the First page
    });

// get the li's from data but get rid of li.list-divider
$(data).find('.ordered-list').remove('.list-divider').html();

$.get('http://example.com/nextpage', function(data){
     $(".ordered-list").append(
         $(data).find('li.list-item') // append the actual li elements themselves
     ); 
});

$(data).find('.list-divider').remove();