从div中移除innerHTML

我正在尝试在重新填充之前清除div的innerHTML。 我尝试了removeData(),但一旦调用,当我尝试添加数据时,删除后我没有从下一行得到,而如果我删除removeData()它再次罚款。 我只想清除该div中的任何以前的内容,然后重新填充它。

divToUpdate.removeData(); //clean out any existing innerHTML div content first divToUpdate.html(data); 

它看起来像它从来没有得到我的divToUpdate.html(数据)出于某种原因后,它调用removeData();

jQuery数据是一个不同于HTML的概念。 removeData不是用于删除元素内容,而是用于删除以前存储的数据项。

做就是了

 divToUpdate.html(""); 

要么

 divToUpdate.empty(); 

从你的div中删除所有的子元素:

 $('#mysweetdiv').empty(); 

.removeData()和相应的.data()函数用于将数据附加到元素后面,比方说,如果您想要注意在数据库中引用了用户标识25的特定列表元素:

 var $li = $('<li>Joe</li>').data('id', 25); 
 $('div').html(''); 

但是为什么你要清除divToUpdate.html(data); 将完全取代旧的HTML。

 divToUpdate.innerHTML = ""; 

你应该能够覆盖它而不删除以前的数据

 var $div = $('#desiredDiv'); $div.contents().remove(); $div.html('<p>This is new HTML.</p>'); 

这应该工作得很好。