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

これを試して：

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

またはこれ：

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

それが機能する場合は、これを読んでください：http://api.jquery.com/parent/

于 2013-06-10T08:47:54.533 に答える