1. 程式人生 > >jquery中動態刪除、新增html

jquery中動態刪除、新增html

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元素