jquery - 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 の上に配置する場合は、.prependinsted of を使用します。.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

.append()代わりに使用してください。jQueryの追加ドキュメントをざっと見てください。

Answer 4

これを試して

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