在我的代碼中，每個類都將通過單擊它們來切換。我想了解我的代碼中的 ,data已更改，并且類將與此保持一致。class-indexclass-index但是當(dāng)我查看開發(fā)人員工具時，class-index似乎沒有改變。<td class="classC" data-class-index="0">Value 1</td><td class="classB" data-class-index="0">Value 1</td>考慮到這一點，我添加undo了按鈕，它與切換相反，但效果不佳。我該如何解決？$(function(){ var classArray = ['classA','classB','classC']; var arrLen = classArray.length; $("#our_calendar td").click(function() {         var classIndex = $(this).data('class-index');       $(this).removeClass(classArray[classIndex]);       if(classIndex < (arrLen-1)) {         classIndex++;       }  else {         //reset class index         classIndex = 0;       }       $(this).addClass(classArray[classIndex]);       $(this).data('class-index',classIndex); });    $("#undo").on('click',function() {       var classIndex = $(this).data('class-index');       $(this).removeClass(classArray[classIndex]);         classIndex--;            $(this).addClass(classArray[classIndex]);       $(this).data('class-index',classIndex);  })});.classA {    background-color: aqua;}.classB {    background-color: yellow;}.classC {    background-color: red;}td {transition-duration:0.4s ;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><table id="our_calendar"> <tr><td class="classA" data-class-index="0">Value 1</td></tr></table><button id="undo">undo</button>