Javascript 如何使用jQuery仅删除表中的一行附加信息？

我正在尝试制作一个“我最喜欢的电影”列表页面，用户可以在其中添加和评价电影。该计划应包括：

1） 可以添加到列表中并对其进行评分的表单

2） 您添加的所有内容的表格

3） 表中每行的“删除”按钮，用于从列表中删除元素（我遇到的问题）

它不会只删除一行，而是删除表中每个附加的电影/分级。此外，如果您单击其他任何位置，它也会删除所有内容。

4） 奖励：排序功能，这样我就可以根据条目的标题或等级对表格中的条目进行排序

示例如下：

$（函数（）{
$（“#添加电影按钮”）。单击（函数（）{
var addToTitle=$（'#title'）.val（）；
$（'#tableTitle'）。追加（''+addToTitle+''）；
var addToRating=$（“#评级”）.val（）；
$（'#tableRating'）。追加（''+addToRating+''）；
$（'#tableDelete'）。追加（'您已将所有标题放在一个父级中，将所有分级放在另一个父级中，并将所有删除按钮放在另一个父级中。您应该将有关每行的信息放在父级中，然后可以轻松地逐行删除。
（您还可以添加td、tbody，这只是示例，用于显示道路）


$（'addMovieButton'）。单击（函数（）{
var addToTitle=$（'#title'）.val（）；
var addToRating=$（“#评级”）.val（）；
$（“#表”）。追加（“”+addToTitle+“”+addToRating+“”）；
$（'.tableDelete'）。单击（函数（）{
$（this.parents（'tr'）.remove（）；
});
})；
h1{
文本对齐：居中；
}
桌子{
宽度：100%；
边界半径：10px；
}
桌子
运输署{
边框：1px纯黑；
填充：15px；
}
th{
高度：50px；
文本对齐：居中；
}
运输署{
文本对齐：居中；
}
身体{
字体系列：helvetica；
}
形式{
文本对齐：居中；
}

标题
评级
添加电影
结构
附加的“行”的结构不是有效的HTML。
将至少有一个
。如果用户不添加它，浏览器将添加它。虽然大多数方法、函数和属性将
视为
的直接父对象，但将
作为目标有一些好处。如果有
则将
作为目标>
可以使您从试图避免
的额外步骤中解脱出来

在构建


只能将
作为子级（直系后代）
只能将
和
作为子项
和
可以有任何子体

确保行的结构如下所示：

<tr><td</td>...<td></td></tr>


标题
评级
添加电影
标题
评级
去除
$（“#tableTitle”）.last（）
-ID在文档中必须是唯一的
$（“#tableTitle”）
将找不到ID为tableTitle的所有元素。请使用类而不是ID。使用
输入
标记自己在其中写入一些文本时，请使用属性
占位符=“”
这将执行您需要的操作，而无需用户在键入信息之前删除文本。非常感谢！现在我只需要知道如何排序。