javascript - 如何通过比较表等时间表来动态更改单元格的颜色

我有类似html表的日历，我想知道如何动态更改td单元格的颜色。

例如，yellow表示firstst hospitalization，aqua表示second hospitalization

如果在3 days or more之后是first hospitalization的住院，则认为是second hospitalization，我想将其颜色更改为aqua

例如，如果单击3，5，6，则所需结果如下。 3是首次住院日期。



如果发现其他住院情况，例如发现2，则5会变成second hospitalization



有什么办法可以实现吗？ ajax是否有必要？
我的尝试低于摘要。

谢谢

$(function() {
  $("td").click(function() {
    $(this).addClass("hospitalization");
  });
});

.hospitalization {
    background-color:yellow;
}

.hospitalization_second {
    background-color:aqua;
}

td {
  padding:5px
  }

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <table>
        <td id="1">1</td>
        <td id="2">2</td>
        <td id="3">3</td>
        <td id="4">4</td>
        <td id="5">5</td>
        <td id="6">6</td>
        <td id="7">7</td>
        <td id="8">8</td>
        <td id="9">9</td>
        <td id="10">10</td>
        </table>

最佳答案

如果我正确理解你。哟要做

$(function() {
  $("td").click(function() {
    if ($(this).hasClass('hospitalization')) {
      $(this).removeClass("hospitalization");
      $(this).addClass("hospitalization_second");
    } else {
      $(this).addClass("hospitalization");
    }
  });
});