Javascript jQuery：如何删除表中的tr标记？

我想在使用jQuery单击delete按钮后删除一个tr标记，但它不起作用，我使用了jQuery的remove方法。 这是HTML代码

<tbody>
<tr class="image-col"  th:each="image : ${session.galleryList}">
    <td><div class="col-sm-4 proj_gallery_grid section_1_gallery_grid">
                <div class="section_1_gallery_grid1">
                    <img th:src="@{'/images/' + ${image.imageURL}}" alt=" " class="img-fluid" />
                </div>
        </div>
    </td>
    <td th:text="${image.title}"></td>
    <td>
    <i style="display: none;" class="image-id" th:text="${image.id}"></i>
    <button class="delete-image-btn btn btn-success btn-block">Delete Image</button></td>
</tr>

你可以这样做

$('.delete-image-btn').click(function(){
  $(this).parents('tr').remove();
})

您用类对tr的DOM搜索是错误的。您按钮的父项是td而不是tr。因此，要删除tr，您可以使用“最近”来查找tr并删除

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

比如：

$(document).on('click', '.delete-image-btn', function(event) {
 var $this = $(this); // Hold your this state before ajax call

之后：

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

使用_t.parent.parent.remove

$document.on'click'，'delete image btn'，函数{ var _t=$this； //违约事件； 如果确认，您确定要删除此图像吗{ _t、 parent.parent.remove； var message=图像删除成功； var imageId=$this.parent.find.image-id.text； 返回false； } 否则{ 返回false； } }; 删除图像

---

谢谢您的回答，但它仍然不起作用。您可以使用$this.closesttr.length签入控制台。让我知道你得到了什么。还要检查result.status return？？我检查了result status control是否包含在if语句中。$this.closesttr.length正在提供输出0也没有使用此解决方案提供输出，先生。感谢Devsi Odedra，它正在工作……我可以知道此代码是如何工作的吗_t.parent.parent.remove；我知道，因为它只在我身上发生过一次，但也必须按照doc工作，但它不工作，我不知道extact原因，但与parent.parent有关。找到一个父tr，这就是它工作的原因。

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