jquery动态向div里面写内容

html:

<div id="result"></div>

<div id="result2"></div>

jquery:

$.ajax({
                                 async : true,
                                 url : "${pageContext.request.contextPath }/lock.do",
                                 type : 'post',
                                 contentType : 'application/x-www-form-urlencoded;charset=utf-8',
                                 data: {"lockerIds":lockerIds,"custKey":'${custKey}'},
                                 success : function(data) {
                                     $("#result").append("成功：");
                                     $("#result2").append("失败：");
                                     $.each(data,function(i,item){
                                         if(item.status==1){
                                             $("#result").append("<span>"+item.data+",</span>");
                                         }
                                         if(item.status==-1){
                                             $("#result2").append("<span>"+item.data+",</span>");
                                         }
                                     });
                                 },
                                 error : function() {
                                      alert("请求异常");
                                 }
                         });

 

清空div的内容：

$("#result").empty();//清空该元素下的子元素内容

$("#result").remove();移除该元素，不再页面占用空间资源