在日历中的特定日期之后更改背景颜色

Question

我有一个事件日历.我想在特定日期[SOC DATE]之后将所有列的背景颜色更改为绿色,并在日期红色之后更改.我的日历如下.

<td class="fc-day fc-wed fc-widget-content fc-past" data-date="2014-02-19">
<td class="fc-day fc-thu fc-widget-content fc-past" data-date="2014-02-20">
<td class="fc-day fc-fri fc-widget-content fc-today fc-state-highlight" data-date="2014-02-21">
<td class="fc-day fc-sat fc-widget-content fc-future" data-date="2014-02-22">
<td class="fc-day fc-sun fc-widget-content fc-future fc-last" data-date="2014-02-23">

我设法使用以下jquery更改该日期的背景颜色[SOC DATE].

$("[data-date=2014-02-22]").css("background-color","#ff9bd7");

但我无法改变过去和过去日期的颜色.我试过 $("[data-date>2014-02-22]").css("background-color","red"); 但不工作.

提前致谢.

Answer 1

您可以尝试使用prevAll()：

$("[data-date=2014-02-22]").prevAll().css("background-color","red");

尝试这个：

$("[data-date=2014-02-22]").closest('tr').prevAll('tr').find('td').css("background-color","red");

尝试这个：

var index = $("[data-date=2014-02-22]").index('td.fc-day');

$('td.fc-day:lt(' + index + ')').css("background-color","red");