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

Question

如果我有这段代码：

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

和

 $.ajax({
     url: 'xxx.php',
     type: 'POST',
     data: {
         id_user:<?php echo $id;?>
     },
     dataType: 'html',
     success: function (data) {
         $(".lists").html(data); //here
     }
 }); 

替换内容时可能会忽略.lists>a？我的意思是：添加新内容data，同时保留原始.lists>a

感谢

Answer 1

在a内备份lists，稍后append/prepend备份，

var $a = $(".lists a").clone();
$(".lists").html(data).append($a);

如果您希望链接位于数据html之上，请使用.prepend .append {}

注意：

1. 假设a代码始终位于.lists的顶部/底部。
2. 你想要用数据替换的.lists中有很多其他元素

Answer 2

我相信这就是你所要求的？

只需附加html（）然后附加数据。

干杯。

$.ajax({
     url: 'xxx.php',
     type: 'POST',
     data: {
         id_user:<?php echo $id;?>
     },
     dataType: 'html',
     success: function (data) {
         $(".lists").html( $(".lists").html() + data); //here
     }
 }); 

Answer 3

试试这个

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

Answer 4

请改用.append()。请参阅jQuery append文档。