Javascript 如何使用窗体和控制器存储输入

我目前正在开发一个web应用程序，我一直在删除我创建的元素

我正在使用jQuery显示缩略图图片，并尝试在右上角包含一个悬停的

X

，单击该按钮将

删除缩略图和原始文件上传，然后再发送表单

这是我的代码：


$（文档）.ready（函数（）{
//这是我创建缩略图的地方：
$（'#uploadImage'）。在（'change'，function（）上{
调整图像大小（this.files[0]，函数（dataUrl）{
$（'#photo1'）.val（dataUrl）；
document.getElementById（“uploadPreview”）.src=dataUrl；
});
});
//这就是我试图删除它的地方：
$（'.hiddenImages.close'）。在（'click'，function（）上{
变量id=$（this）.closest（'.hiddenImages'）.find（'img'）.data（'id'）；
警报（“删除图片：”+id）；
document.getElementById（“.hiddenImages”）.remove（）；
});
});

&时代；
&时代；
&时代；
&时代；
照片1：


照片2：


照片3：


照片4：


您正试图通过在
getElemlementById

您应该能够简单地删除clcked
x
的容器，类似于：
$（this）.closest（'.hiddenImages'）.remove（）

此外，
x
上单击事件的选择器可能需要更改，因为您要删除绑定到的容器以及任何新的
。隐藏图像
容器将不会绑定该单击事件

您可能需要更新
$（'.hiddenImages.close'）。在（'click'，function…
上更新为
$（'.pictureHolders'）。在（'click'，'.hiddenImages.close'，function…


$（文档）.ready（函数（）{
//这是我创建缩略图的地方：
$（'#uploadImage'）。在（'change'，function（）上{
调整图像大小（this.files[0]，函数（dataUrl）{
$（'#photo1'）.val（dataUrl）；
document.getElementById（“uploadPreview”）.src=dataUrl；
});
});
//这就是我试图删除它的地方：
$（'.pictureHolders'）。在（'click'，'hiddenImages.close'，函数（）上{
$（this）.closest（'.hiddenImages'）.remove（）；
});
})；

&时代；
&时代；
&时代；
&时代；
照片1：


照片2：


照片3：


照片4：


您正试图通过在
getElemlementById

您应该能够简单地删除clcked
x的容器，类似于：
$（this）.closest（'.hiddenImages'）。remove（）；

此外，
x
上单击事件的选择器可能需要更改，因为您要删除绑定到的容器以及任何新的
。隐藏图像
容器将不会绑定该单击事件

您可能需要更新
$（'.hiddenImages.close'）。在（'click'，function…
上更新为
$（'.pictureHolders'）。在（'click'，'.hiddenImages.close'，function…


$（文档）.ready（函数（）{
//这是我创建缩略图的地方：
$（'#uploadImage'）。在（'change'，function（）上{
调整图像大小（this.files[0]，函数（dataUrl）{
$（'#photo1'）.val（dataUrl）；
document.getElementById（“uploadPreview”）.src=dataUrl；
});
});
//这就是我试图删除它的地方：
$（'.pictureHolders'）。在（'click'，'hiddenImages.close'，函数（）上{
$（this）.closest（'.hiddenImages'）.remove（）；
});
})；

&时代；
&时代；
&时代；
&时代；
照片1：


照片2：


照片3：


照片4：



成为：

$('.hiddenImages .close').on('click', function() {
  var img = $(this).closest('.hiddenImages').find('img');
  img.remove()
});

成为：

$('.hiddenImages .close').on('click', function() {
  var img = $(this).closest('.hiddenImages').find('img');
  img.remove()
});

您需要读取您得到的错误► 
无法读取null的属性'remove'，这意味着您没有要删除的所需元素的引用。为什么？► 
document.getElementById（“.hiddenImages”）
---
.hiddenImages
不是id。您需要读取得到的错误► 
无法读取null的属性'remove'，这意味着您没有要删除的所需元素的引用。为什么？► <代码>document.getElementById（“.hiddenImages”）
---
.hiddenImages
不是一个id。我尝试了这个，但不幸的是什么都没有发生，我感谢你的尝试！我尝试了这个，但不幸的是什么都没有发生，我感谢你的尝试！这个效果非常好，我觉得这是一个问题，可以扩展这个问题，这是删除图像所在的元素，是否存在错误如何在保留图像元素的同时聚焦图像并删除它？其次，我需要清除已上载的文件。谢谢！如果您只想删除图像元素，可以使用
$（this）。next（'img'）.remove（）；
。关于文件上载，您是指
this.files[0]中存储的条目吗
？更正此.files[0]中存储的文件，同时我注意到$（this）.next（'img'）.remove（）有两件事；一是删除上传的第一张图片，同时删除整个元素。我想通过DOM操作创建图片元素，并相应地生成和删除它们可能会更容易。有什么想法吗？这很好，我觉得这是一个问题，可以扩展这一点，这是删除元素图片在中，是否有一种方法可以在保留元素的同时聚焦图像并删除该图像？其次，我需要清除已上载的文件。谢谢！如果要删除图像元素，只有您可以