javascript - 新しい要素をクリックすると、タグに追加されたクラスを削除/削除する方法。

Question

一連の画像があり、画像をクリックするとクラスが追加されます。

別の画像クラスをクリックすると、前の画像から削除され、新しくクリックされた画像に追加されます。

コード

HTML コード

<ul id='carousel_ul'>
<li><a href="javascript:void(0);"><img src="images/thumbnails/image1.jpg" /></a></li>
<li><a href="javascript:void(0);"><img src="images/thumbnails/image2.jpg" /></a></li>
<li><a href="javascript:void(0);"><img src="images/thumbnails/image3.jpg" /></a></li>
</ul>

Jクエリコード

$("#carousel_ul li a img").click(function(){

        $(this).addClass("someclass");
});

したがって、新しい画像をクリックすると、古い画像からクラスが削除され、新しくクリックされた画像に追加されます。

前もって感謝します

Answer 1

$("#carousel_ul li a img").click(function(){
        $('.someclass').removeClass('someclass');
        $(this).addClass("someclass");
});