Javascript 如何删除缩略图？

我正在尝试用插入的图像进行幻灯片放映。 我已经可以插入了，但是我不能解决这个问题

问题是，当我删除一个图像时，所选图像将被删除，但当我要删除另一个图像时，我将删除2个图像，然后删除3个图像和4个图像

$（文档）.ready（函数（）{
var p=0；
//检查文件API支持
if（window.File&&window.FileList&&window.FileReader）{
$（'#filePhoto'）。更改（函数（事件）{
var files=event.target.files；//文件列表对象
var输出=document.getElementById（“结果”）；
var slides=document.getElementsByClassName（“teste”）；
var column=document.getElementById（“column”）；
var_i=1；
var x=0；
如果（slides.length==0）{
_i=1；
}否则{
_i=幻灯片长度+1；
}
对于（var i=0；i1）{
$（“#下一步”）.css（“显示”、“块”）；
$（“#prev”）.css（“显示”、“块”）；
}否则{
$（“#下一步”）.css（“显示”、“无”）；
$（“#prev”）.css（“显示”、“无”）；
}
}

缩略图{
宽度：100%；
保证金：0自动！重要；
浮动：左；
高度：400px！重要；
}
#清楚的{
显示：无；
}
.结果{
保证金：0自动；
浮动：左；
宽度：100%！重要；
位置：相对位置；
溢出：隐藏；
宽度：自动；
高度：400px！重要；
背景：透明；
边框：2px虚线#e8e8e8；
光标：指针；
填充物：5px；
颜色：#555；
z指数：3；
字体系列：'SegoeUI'；
字体大小：粗体；
}
伊莱先生{
颜色：黑色；
边框：1px纯黑；
背景：无；
位置：绝对位置；
顶部：30px；
右：5px；
大纲：继承；
保证金底部：-10px！重要；
z指数：200万；
}
.专栏2{
浮动：左；
宽度：25%；
}
.栏目{
左：0；
宽度：1200px；
}
.B时间滑块{
宽度：500px；
高度：40px；
背景：#ccc；
位置：相对位置；
}
#左箭头{
宽度：40px；
高度：40px；
背景：#ff0000；
位置：绝对位置；
左：0px；
}
#向右箭头{
宽度：40px；
高度：40px；
背景：#ff0000；
位置：绝对位置；
右：0px；
}
/*下一步和上一步按钮*/
.prev，
.下一个{
显示：无；
光标：指针；
位置：绝对位置；
宽度：自动；
填充：16px；
最高：42%；
颜色：黑色；
字体大小：粗体；
字体大小：20px；
过渡：0.6s缓解；
边界半径：0 3px 3px 0；
用户选择：无；
}
/*将“下一步按钮”置于右侧*/
.下一个{
右：0；
边界半径：3px 0 3px；
}
上一篇{
左：0；
边界半径：3px 0 3px；
}
/*在悬停时，添加一个黑色背景色，带有一点透明*/
.prev:悬停，
.下一步：悬停{
背景色：rgba（0,0,0,0.8）；
}
.演示{
不透明度：0.6；
浮动：左；
宽度：100%！重要；
}
.主动，
.演示：悬停{
不透明度：1；
}
布洛克先生{
显示：块！重要；
}
诺内先生{
显示：无！重要；
}
.上传器{
位置：相对位置；
溢出：隐藏；
宽度：自动；
高度：400px；
背景：透明；
边框：2px虚线#e8e8e8；
光标：指针；
填充物：5px；
颜色：#555；
z指数：3；
字体系列：'SegoeUI'；
字体大小：粗体；
}
#文件照片{
显示：无；
}
哈哈{
位置：绝对位置；
宽度：100%；
高度：402px；
顶部：-1px；
左：-1px；
边界：无；
背景色：#eee；
}
.上传{
填充：10px！重要；
边缘顶部：90像素；
}

添加
❮
❯

请单击

代码段编辑器，创建一个包含足够html和代码的代码段，以重现问题！-另外

.live

不推荐用于

。在
上，我使用非常旧的jQuery创建了一个代码段。在继续之前，请将.live改为.on，并将版本改为更新的版本。然后修复您遇到的控制台错误。我已经升级了修改了代码段并将.live更改为.change，但消除函数不能使用。click1.id需要唯一。2.将jQuery从1.6.4更改为1.9+或3+，如果不需要支持IE8.3。更改为
$（'#列'）。打开（“单击”，“删除”，函数（）{
-但是DOM和jQuery访问非常混乱，我在尝试重构时破坏了它，请看一看，这样您就明白了我的意思，也可以对演示图像执行相同的委托