在TD上输入鼠标时删除jQuery表

我的jQuery代码有一些问题

function handleChange2() {

var table = $('#condition').append($('<table>'));
var data = $(this).val();

table.append($('<td>').text(data));
table.append($('<td>').text('Delete').mousedown(deleteRow));

};

function deleteRow() {

$(this).remove();
//$(this).siblings('td').remove();
//$(this).parent('table').remove();


}

函数handleChange2（）{
变量表=$（'#条件'）。追加（$（''）；
var data=$（this.val（）；
表.追加（$（''）.text（数据））；
table.append（$（''）.text（'Delete'）.mousedown（deleteRow））；
};
函数deleteRow（）{
$（this.remove（）；
//$（this.this（'td'）.remove（）；
//$（this.parent（'table'）.remove（）；
}

这里有一个jsFiddle:

所以我的问题是删除整个表！不仅仅是“删除”字段

正如你所看到的，我尝试了一些父母和兄弟姐妹，但失败了！每一次

编辑：

因此，这里我有更新的JSFIDLE和您的建议。首先添加“tr”是什么意思！ 但它仍然删除了我的“select”元素，这是不应该的

更换

$(this).remove();

与

---

您应该将这些表单元格添加到表行，而不是直接添加到表本身。之后，您将元素附加到主元素。我尝试了类似的操作，但您可能会看到，这也删除了我的选择表！我只想删除我创建的行！我认为这是你想做的基于你的问题和标题…如果你想删除一行，那么你必须真的添加到一个。在这之后，您现在可以调用$（this.nexist（“tr”）.remove（）Im sry我想说的是，它还删除了select标记（而不是table），select标记应该仍然存在。好吧，我还是会试试你对tr.Thx的建议！

$(this).closest("table").remove();