1

我正在使用 Razor 开发一个 ASP.NET MVC3 项目。我正在尝试实现一个简单的图片库。我的图像在跨度标签内,当单击图像时,我只想为单击的图像切换跨度标签的类。

这是我的代码:

<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)是图像本身而不是跨度标签,但是如果我尝试$('.document-image-frame').toggleClass();仅切换单击图像的跨度样式时,我会松开所有跨度标签的样式。

这是生成的 HTML:

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

1 回答 1

5

Try this:

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

Or this:

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

and if it works , read this: http://api.jquery.com/parent/

于 2013-06-10T08:47:54.533 回答