单击后隐藏Ajax.ActionLink

Question

我试图在点击下面的代码后隐藏ActionLink，不幸的是它不起作用。也许有人可以指出我正确的方向？

@foreach (var conversionModel in Model)
{
    @Ajax.ActionLink("Delete file", "DeleteFile", "Converter", new { id = @conversionModel.ProcessId }, null,
                        new AjaxOptions
                        {
                            OnSuccess = "hideLabel"
                        })
}

<script type="text/javascript">

    function hideLabel(){
        $(this).hide();
    }
</script>

Answer 1

我认为是因为

$(this)

我不认为“$（this）”在这里工作，所以把一个类放到你的ActionLink

@Ajax.ActionLink("Delete file", "DeleteFile", "Converter", new { id = @conversionModel.ProcessId, class ="myclass" }, null,
                        new AjaxOptions
                        {
                            OnSuccess = "hideLabel"
                        })

并使用

<script type="text/javascript">

    function hideLabel(){
        $('.myclass').hide();
    }
</script>