如何在Jquery / Javascript中单击单独的div来删除行？

如何解决如何在Jquery / Javascript中单击单独的div来删除行？

| 我想知道完成以下任务的最佳方法。 我有一张桌子：

<table>
<tr><td>1</td><td>Some1</td></tr>
<tr><td>2</td><td>Some2</td></tr>
<tr><td>3</td><td>Some3</td></tr>
</table>

当我单击TD（1、2或3）时，可以看到ID为\“＃removediv \”的div，其中包含一些基本文本，例如\“ Remove \”。我单击div，然后删除了我最初单击以显示div的行。 我想我将必须将有关行或索引的一些信息传递给\“＃removediv \”对象，以便#removediv事件处理程序知道要删除的行。不知道如何最好地做到这一点。     

解决方法

var remove = null;
var caller = null;

$(function() {
    remove = $(\'#removediv\');
    $(\'td\').click(function() {
        caller = $(this).parent(\'tr\');
        remove.show();
    });
    remove.click(function() {
        caller.remove();
        $(this).hide();
    });
});