如何使用Javascript或jQuery删除gridview行

时间:2011-12-26 20:50:04

标签: javascript jquery asp.net vb.net

如何使用此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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

这应该这样做:

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