如何用JQuery 实现对应删除标签，返回数据，谢谢！

Question

<ul id="del">
<li>
<img src='1.jpg' width='100' class='show_i' >
<img src='删除图标.jpg' width=16 height=16 />
</li>
<li>
<img src='2.jpg' width='100' class='show_i' >
<img src='删除图标.jpg' width=16 height=16 />
</li>
<li>
<img src='3.jpg' width='100' class='show_i' >
<img src='删除图标.jpg' width=16 height=16 />
</li>
</ul>现在是有无限数量的li标签，每一个标签中一个固定的"删除图标.jpg"图片！和另外一个图片，也就类似代码中的1.jpg、2.jpg、3.jpg
请问怎么使用JQuery 实现：当点击对应一个“删除图标时”，清空该li标签所有元素，连同li也去掉！并且返回之前删除了哪一个图？比如点击了第一个“删除图标”，返回1.jpg 再次谢谢各位了.JQuery删除元素

Answer 1

<ul id="del">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function () {
$("img[src='删除图标.jpg']").each(function(){
$(this).on("click",function () {
alert($(this).prev().src);
$(this).parent("li").remove();
});
});
});</script>
<li>
<img src='1.jpg' width='100' class='show_i' >
<img src='删除图标.jpg' width=16 height=16 />
</li>
<li>
<img src='2.jpg' width='100' class='show_i' >
<img src='删除图标.jpg' width=16 height=16 />
</li>
<li>
<img src='3.jpg' width='100' class='show_i' >
<img src='删除图标.jpg' width=16 height=16 />
</li>
</ul>

Answer 2

你好！谢谢你的回答。请问假如页面中会存在一个隐藏域：
<input name="Imgs" type="hidden" id="Imgs" value="1.jpg,2.jpg,3.jpg" />
里面value值为上面的所有图片值得用 "," ，隔开的。请问点击上面那个删除的时候怎么 也同时对这个隐藏域进行删除对应的图片呢？比如我点击了第一个”删除图标“ 那么imgs 的 value变成"2.jpg,3.jpg".

Answer 3

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function () {
$("#del img[src='删除图标.jpg']").each(function(){
$(this).on("click",function () {
var needRemove = $(this).prev().attr("src");

var needChang = $("#Imgs").val().split(",");
for (var i = needChang.length; i--;){
if (needChang[i] === needRemove) needChang.splice(i, 1);
};
$("#Imgs").val(needChang.join(","));
alert($("#Imgs").val());
$(this).parent("li").remove();
});
});
});</script>
<input name="Imgs" type="hidden" id="Imgs" value="1.jpg,2.jpg,3.jpg" />
<ul id="del">
<li>
<img src='1.jpg' width='100' class='show_i' >
<img src='删除图标.jpg' width=16 height=16 />
</li>
<li>
<img src='2.jpg' width='100' class='show_i' >
<img src='删除图标.jpg' width=16 height=16 />
</li>
<li>
<img src='3.jpg' width='100' class='show_i' >
<img src='删除图标.jpg' width=16 height=16 />
</li>
</ul>