如何使用 Javascript 或 jQuery 删除 gridview 行答案

【问题标题】：How to delete a gridview row using Javascript or jQuery如何使用 Javascript 或 jQuery 删除 gridview 行
【发布时间】：2011-12-26 20:50:03
【问题描述】：

如何使用这个 jQuery 函数来删除一行。

$(document).ready(function() {
    $("tr").filter(function() {
        return $('td', this).length && !$('table', this).length
    }).click(function() {
        $(this).remove();
    });

    //enter code here 
});

当我将鼠标悬停并单击一行时，它将删除一行，但在我的 gridview 中呈现为一个表格，它包含一个 tr，它有一个隐藏控件，它有一个 id。

<tr style="color: #244D8D; background-color: #FFFBD6;" ondblclick="selectRow_gvResults_gov(0,6532,0)">
    <td>
        <input type="hidden" value="6532" id="MainContent_gvResults_gov_hdDocID_0" name="ctl00$MainContent$gvResults_gov$ctl02$hdTocID">
    </td>
    <td>
        1010041215
    </td>
</tr>

这里我有另一个控件删除按钮，在删除按钮中我会得到一个要删除的 id，这里我想将该 id 作为参数传递给脚本函数，我想搜索隐藏字段包含这些值并删除该行。

Private Sub btnDelete_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles btnDelete.Click
    'some operations
    ScriptManager.RegisterStartupScript(Me, GetType(String), "Deletearow", "DeleteGrid_Row(" & Me.hfSelected_GvResultsRowTocID.Value & ");", True)

End Sub

【问题讨论】：

标签： javascript jquery asp.net vb.net

【解决方案1】：

我不太明白您要删除的具体内容以及在哪个事件上。以下代码将在单击或鼠标悬停时删除选定的 td。

$("the-td-to-be-deleted").bind("click hover", function() {
    $(this).remove();
});

【讨论】：

【解决方案2】：

应该这样做：

$('#1010041215').remove();

【讨论】：