php - 以任意顺序删除 img 元素

Question

我正在使用 Kendoui 上传在我的网站上进行异步上传。

我的一个小功能是，当图像上传完成时，会创建一个小缩略图并在页面上显示预览：

...
success: function(e)
{
    if(e.operation == 'upload')
    {
        $('#previews').append('<img src="'+ROOT+'cakes/'+e.files[0].name+'"/>');
    }
    else if(e.operation == 'remove')
    {
        $('#previews img[src="'+ROOT+'cakes/'+e.files[0].name+'"]').remove();
    }
...

如您所见，我正在匹配 img src 属性，我觉得这可能很慢且效率低下。有没有更好的方法来实现我正在尝试的东西？

Answer 1

首先，如果您当前的代码正在运行，那么除非您确实遇到性能问题，否则实际上无需更改它。如今，现代计算机/手机的速度如此之快，以至于您实际上只应该在实际遇到性能问题时花时间在性能问题上。否则，您最好将时间花在以其他方式改进您的应用程序/页面上。

也就是说，通过 id 查找内容比查找大多数其他方式要快得多（当然也比通过src.然后使用它来查找图像以将其删除：

success: function(e)
{
    var name = "img_" + e.files[0].name.replace(/[.\/ ]/, "_"); 
    if (e.operation == 'upload')
    {
        $('#previews').append('<img id="' + name + '" src="'+ROOT+'cakes/'+e.files[0].name+'"/>');
    }
    else if(e.operation == 'remove')
    {
        $('#' + name).remove();
    }
...