jquery里面点击按钮的时候remove上一个tr的某一条图片

两个tr 上面的tr里面是图片信息，有多个。。用jquery动态添加的，下面tr里的button也是，动态添加的多个，怎么点其中的一个button remove掉相对于的图片？
[img]http://dl2.iteye.com/upload/attachment/0100/1213/eedd80aa-485e-3b17-8e5a-4f577a42307f.jpg[/img]

[img]http://dl2.iteye.com/upload/attachment/0100/1215/ff17b4d5-eb0f-38c3-8453-e4397b55df86.png[/img]

[code="java"]<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



Insert title here var image1 = 'http://pic2.sc.chinaz.com/Files/pic/icons128/5635/103.png'; var image2 = 'http://pic1.sc.chinaz.com/Files/pic/icons128/5635/113.png'; var image3 = 'http://pic1.sc.chinaz.com/Files/pic/icons128/5635/123.png'; var image4 = 'http://pic1.sc.chinaz.com/Files/pic/icons128/5635/13.png'; var image5 = 'http://pic1.sc.chinaz.com/Files/pic/icons128/5635/133.png'; var imageArr = [image1,image2,image3,image4,image5]; function createImagesAndRemoveButtons() { for(var i = 0;i < imageArr.length;i++) { var imageId = 'createImage' + i; var buttonId = 'createButton' + i; $('#initializableIMG').append("<img width='100px' height='100px' name='imgs' id ='" + imageId + "' src='" + imageArr[i] + "'/>"); $('#removeButtons').append("<input type='button' id='delImg' style='margin-left:50px' onclick='delImgs(\"" + imageId + "\",this)' value='删除' />"); } } function delImgs(imageId,button) { $('#' + imageId).remove(); $(button).remove(); } $(function(){ createImagesAndRemoveButtons(); });












信息图片



[/code]

设计有问题，id必须是唯一的。定义个全局变量num=1，每次动态添加图片时，给img的id设为img+num,
button的onclick事件里直接onclick='delImgs(num)',然后根据num拼装成要删除的img的id，$("#img"+num).每次添加之后num+1