您可以使用replaceWith（请参见：http://api.jquery.com/replaceWith/）
例如：$('#products').replaceWith(response);

假设您正在替换您的产品，如果您正在从控制器获取格式化的HTML，那么只需执行以下操作

success : function(response) {
$('#products').html(response);
}

不需要删除< ul >标记。您可以简单地用新替换< li >旧< li >

编辑：pascalvgemert提到的replaceWith函数更好https://stackoverflow.com/a/19527642/2887034
在其周围创建封套：

<div id="wrapper">
    <ul id="products">
    ...............
    </ul>
</div>

现在您可以执行以下操作：

$('#wrapper').html(responseData);

您可以使用JQuery before

$('#products').before("yourhtmlreceivedfromajax").remove();

或者将div的内容替换为html$('#products').html("yourhtmlreceivedfromajax");

如果您的主div位于另一个具有其他id的容器中，您可以这样做：
基于此结构：

<div id="mainContainer">
    <ul id="products">
         ...............
    </ul>
</div>

使用jquery for AJAX 的Javascript代码

$.ajax({
  url: "action.php",
  context: document.body
}).done(function(response) {
  $('#products').remove(); // you can keep this line if you think is necessary
  $('mainContainer').html(response);
});

一个简单的方法是将ul Package 在容器中

<div id="container">
<ul id="products">
...............
</ul>
</div>

在 AJAX 响应中

success:function(data){
$("#container").html(data)
}

.remove()将元素完全从DOM中取出，如果只想替换products元素中的内容，可以使用.ReplaceWith()。
如果将所有<li>作为HTML返回，则可以使用.html()

这样做

$( "ul#products" ).replaceWith( response );

http://api.jquery.com/replaceWith/

使用此：

document.open();
document.write(response);
document.close();