jquery - 如何从 div 中删除内容但保留加载图像？

Question

您究竟如何删除加载到 div 但下一次保留加载图像？我正在使用 empty() 函数，它从 div 中删除所有内容——包括加载图像。

Answer 1

因为没有代码，我认为我会给你更快的方法。

function appendLoading(divname) {
   var loading = "<img src='' class='loading' />";
   $(divname).append(loading);
}
function removeLoading(divname) {
   $(divname).find(".loading").remove();
}

为您查看工作示例：
jsFiddle

Answer 2

empty()您可以将它放入一个 div 中，当您添加/删除内容时您将隐藏/显示它，但在插入内容之前它不会真正使用。我这样做的方法是将图像的代码存储在一个变量中，并与您的内容做同样的事情，例如empty() -> html(loadingCode) -> (ready -> [empty() -> html(content)])

Answer 3

假设一个名为的 divyourDiv包含类的加载图像（或加载图像容器）loadingImage

var loader=$('#yourdiv .loadingImage');
$('#yourdiv').empty().append(loader);