Question

我正在使用Razor开发ASP.NET MVC3项目。我正在尝试实现一个简单的图库。我的图像在span标记内，当单击图像时，我想仅为点击的图像切换span标记的类。

这是我的代码：

<span class="document-image-frame">
    @if (image != null) {
        <img src="file:\\105.3.2.2\upload\@image.Name" alt="docImg" />
    }
</span>

我试过这个脚本进行切换：

$('.document-image-frame img').click(function () {
    $(this).toggleClass();
})

它不起作用。我想在这种情况下$(this)是图像本身而不是span标记，但是如果我尝试$('.document-image-frame').toggleClass();，当我只想切换跨度的样式时，我会松开所有span标记的样式点击图片。

这是生成的HTML：

<span class="document-image-frame">>
    <img src="file:\\105.3.2.2\upload\\10007\Desert.jpg" alt="docImg" />
</span>

Answer 1

试试这个：

 $(this).parent().toggleClass();

或者这个：

$(this).parent().toggleClass("document-image-frame");