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

单击一个新元素后如何删除/删除添加到标记的类。

4 个答案: