单击span标记内的图像时,使用jQuery toggleClass()

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");