jquery中动态删除、添加html

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zhuchenglin830/article/details/83894526

html页面的代码如下：

<div id="test"> 
</div>

使用jquery动态添加html

var html='<div class="weui-panel__ft">'
		        +'<div class="weui-cell weui-cell_access">'
		        +'<div class="more_net_data">'+ '查询更多  “ ' + txt +' ” 记录</div>'
		        +'</div></div>';
		var $html = $(html);
		$("#test").append($html);

使用jquery动态移除html

var html='<div class="weui-panel__ft">'
		        +'<div class="weui-cell weui-cell_access">'
		        +'<div class="more_net_data">'+ '查询更多  “ ' + txt +' ” 记录</div>'
		        +'</div></div>';
		var $html = $(html);
		$("#test").remove();

 或者

var html='<div class="weui-panel__ft">'
		        +'<div class="weui-cell weui-cell_access">'
		        +'<div class="more_net_data">'+ '查询更多  “ ' + txt +' ” 记录</div>'
		        +'</div></div>';
		var $html = $(html);
		$("#test").empty();

 其中：$("#test").remove()，remove方法会将test所在的div一起移除，

           $("#test").empty()，empty方法会将test内部置空，相当于是移除test所在的div的所有子dom元素