使用jQuery隐藏/显示HTML.ActionLink

时间:2013-06-10 10:56:06

标签: jquery html asp.net-mvc-3 razor

我正在研究ASP.NET MVC3应用程序。在我的剃刀视图中,我使用@HTML.ActionLink为我的自定义图库创建删除功能。但是,当我显示放大的图像时,我想隐藏此链接,当用户将其点击回拇指大小时,我想再次显示该链接。

这是我的剃刀代码:

<span class="document-image-frame">
        @if (image != null)
        { 
            <img src="file:\\105.3.2.7\upload\@image.Name" alt="docImg" style="cursor: pointer;" />
            @Html.ActionLink("Изтрий", "DeletePicture", new { documentImageID = image.Id }, new { @class = "delete" })
        }
        </span>

然后是我的jQuery脚本:

$('.document-image-frame img').click(function () {
    $(this).parent().toggleClass("document-image-frame");
    //$(this).parent().child('a').hide();
})  

这部分 - $(this).parent().toggleClass("document-image-frame");工作正常,但我不知道如何访问actionlink以显示隐藏它。

1 个答案:

答案 0 :(得分:2)

你可以find这样的链接:

$(this).parent().find("a.delete").show(); // or .hide()

我也喜欢使用该类来指定要删除的链接,以防您以后想要添加其他链接并希望它们的行为不同......