代码之家  ›  专栏  ›  技术社区  ›  James

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

  •  1
  • James  · 技术社区  · 14 年前

    我正在尝试根据应用程序逻辑设计jqueryui日期选择器的一些单元格。我需要能够扫描一个表,并选择包含指定的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”的单元格以便设置样式?我很感激任何帮助。

    1 回复  |  直到 14 年前
        1
  •  1
  •   Nick Craver    14 年前

    你可以用 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