在div之间切换div类(jquery,javascript)

时间:2011-08-08 02:15:07

标签: javascript jquery html

我认为这应该是一个非常常见的jquery函数,但我找不到任何关于它的东西。

说我有10个div,每个div在点击时触发一个事件。所以,当我把一个div变成cilck时,jquery会添加一个类,对div说“点击”。但是我如何设置它,所以当我点击另一个div时,它会删除之前的div类“clicked”并将其提供给我刚刚点击的div?

感谢!!!

2 个答案:

答案 0 :(得分:8)

$("div.groupname").click(function() {
    $(this).addClass("clicked").siblings().removeClass("clicked");
});

或:

$("div.groupname").click(function() {
    $(this).siblings().removeClass("clicked").end().addClass("clicked");
});

You can try it here.

答案 1 :(得分:1)

试试这个

$('.one').click(function(){
    $(this).addClass('two');
    $(this).siblings().removeClass('two');
});

CSS

.one{
    background:red;
    height:50px;
    width:200px;
    margin-bottom:20px;
}

.two{
    background:green;
}

HTML

<div class="one">
</div>

<div class="one">
</div>

示例:http://jsfiddle.net/jasongennaro/fNWxf/