Jquery 替换html内容-保留一个元素

Jquery 替换html内容-保留一个元素,jquery,ajax,Jquery,Ajax,如果我有此代码: <div class="lists"> <a href="#new_list">New list</a> </div> 及 $.ajax({ url:'xxx.php', 键入:“POST”, 数据:{ id\u用户: }, 数据类型:“html”, 成功:功能(数据){ $(“.lists”).html(数据);//此处 } }); 更换内容时是否可以忽略.lists>a?我的意思是:添加新内容数据,但同时保

如果我有此代码:

<div class="lists">
     <a href="#new_list">New list</a>
</div>

$.ajax({
url:'xxx.php',
键入:“POST”,
数据:{
id\u用户:
},
数据类型:“html”,
成功:功能(数据){
$(“.lists”).html(数据);//此处
}
}); 
更换内容时是否可以忽略
.lists>a
?我的意思是:添加新内容
数据
,但同时保留原始内容
.lists>a

谢谢你试试这个

  $(".lists a").html(data); 

我相信这就是你想要的

只需附加html()和数据

干杯

$.ajax({
     url: 'xxx.php',
     type: 'POST',
     data: {
         id_user:<?php echo $id;?>
     },
     dataType: 'html',
     success: function (data) {
         $(".lists").html( $(".lists").html() + data); //here
     }
 }); 
$.ajax({
url:'xxx.php',
键入:“POST”,
数据:{
id\u用户:
},
数据类型:“html”,
成功:功能(数据){
$(“.lists”).html($(“.lists”).html()+数据);//此处
}
}); 

改用
.append()
。查看jQuery文档。

备份
列表中的
a
附加/前置
之后

var $a = $(".lists a").clone();
$(".lists").html(data).append($a);
如果希望链接位于数据html上方,请使用
.prepend
代替
.append

注意:

  • 假设
    a
    标记始终位于
    列表的顶部/底部
  • 里面还有很多其他元素。要用数据替换的列表

  • 如果数据是有效的html,您可以使用
    .append(data)
    .prepend(data)
    ,在文档中搜索更多信息。
    var $a = $(".lists a").clone();
    $(".lists").html(data).append($a);