Question

If I have this code:

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

AND

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

It is possible ignore the .lists>a when replace the content? What i mean is: add the new content data but also keep the original .lists>a

thanks

Answer 1

Take a backup of a inside lists and append/prepend them later,

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

Use .prepend insted of .append if you want the links to be above the data html

Note:

1. Assuming that the a tags are always in the top/bottom of the .lists.
2. You have lot of other elements inside .lists which you want to replace with data