从div中删除innerHTML

时间:2010-04-15 20:08:00

标签: jquery

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

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

看起来它在调用removeData()之后永远不会到达我的divToUpdate.html(数据);

6 个答案:

答案 0 :(得分:107)

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

只做

divToUpdate.html("");

divToUpdate.empty();

答案 1 :(得分:28)

从div中删除所有子元素:

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

.removeData()和相应的.data()函数用于附加元素后面的数据,例如,如果您想要注意数据库中引用用户ID 25的特定列表元素:

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

答案 2 :(得分:8)

$('div').html('');

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

答案 3 :(得分:3)

divToUpdate.innerHTML =     "";   

答案 4 :(得分:2)


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

这应该可以正常工作。

答案 5 :(得分:1)

你应该能够在不删除以前数据的情况下覆盖它