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);