jquery中動態刪除、新增html
阿新 • • 發佈:2019-01-03
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元素