Jquery:在多个div之间更改类

我有这样的任务：使用jQuery创建一个函数，它将CSS类更改为所选的DIV。class=“XXX”可以重复多次，但class=“YYY”只能重复一次

像这样：

<div onclick="change_css()"class="xxx">text</div>
<div onclick="change_css()"class="xxx">text</div>
<div onclick="change_css()"class="xxx">text</div>
<div onclick="change_css()"class="yyy">text</div>
<div onclick="change_css()"class="xxx">text</div>

---

谢谢你的建议

我建议使用一种不同的、更加jQuery的方法。从所有

中删除“onclick”属性，并在所有相关

上使用另一个类（

myDiv

）

$('.xxx').on('click', function(){
    $('.xxx').removeClass('yyy');
    $(this).addClass('yyy');
});

<div class="myDiv xxx">text</div>
<div class="myDiv xxx">text</div>
<div class="myDiv xxx">text</div>
<div class="myDiv yyy">text</div>
<div class="myDiv xxx">text</div>

---

你能给我们看一下你试过的代码吗？关于

$（“.XXX”）.attr（“class”，“YYY”）

非常感谢！！！卓越的支持@很高兴我能帮上忙，伙计。

<div class="myDiv xxx">text</div>
<div class="myDiv xxx">text</div>
<div class="myDiv xxx">text</div>
<div class="myDiv yyy">text</div>
<div class="myDiv xxx">text</div>

$(function(){

    $('.myDiv').click(function(){ // when a .myDiv is clicked
        $('.myDiv.yyy').removeClass('yyy').addClass('xxx'); // replace former yyy with xxx
        $(this).removeClass('xxx').addClass('yyy'); // add class yyy to current element instead of class xxx
    })

})