我有类似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");
}
});
});