Question

我正在尝试根据应用程序逻辑设置jquery-ui日期选择器的一些单元格。我需要能够扫描一个表并选择包含指定字符串html的单元格。这是一个示例表：

   <table class="ui-datepicker-calendar">
      <thead>
      <tr>
         <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
         ...
      </tr>
      </thead>
      <tbody><tr>
         <td class="ui-datepicker-week-end ui-datepicker-other-month "> 1 </td>
         ...
      </tr>
      </tbody>
   </table>

我怎么说，扫描表并选择包含“1”的单元格，以便我可以设置样式？我很感激任何帮助。

Answer 1

您可以使用beforeShowDay event向单元格添加类，如下所示：

$(function() {
  $("#datepicker").datepicker({
    beforeShowDay: function(date) {
      return [true, date.getDate() === 1 ? 'color' : ''];
    },
    showOtherMonths: true
  });
});

数组中的第二个参数是要添加到生成的<td>的任何其他类。然后给它一个匹配的样式，例如：

.color.ui-datepicker-other-month .ui-state-default { color: red; }

You can try out a quick demo here

Jquery：如何从包含指定字符串html的表中选择单元格？

1 个答案: