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

例如,yellow表示firstst hospitalizationaqua表示second hospitalization

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

例如,如果单击356,则所需结果如下。 3是首次住院日期。

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

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

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

有什么办法可以实现吗? 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");
    }
  });
});

09-17 23:51