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>

jQuery代码

$("#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");
});

Answer 2

简单的 ：

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

Answer 3

像这样测试它

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

Answer 4

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

或者这样：D