0

我正在用 php、html、css 和 jquery 创建日历。

我的桌子是这样的：

<table>
   <tr bgcolor="silver" id="10"> 
      <td style="width:10%;" id="resource10">Mausami Pandit</td>
      <td style="width:70px;" class="tbDay" id="resource10">
             <div class="08:01" style="display:inline; position:relative;"></div>
               .
               .
               .
             <div class="08:30" style="display:inline; position:relative;"></div>
      </td>
      <td style="width:70px;" class="tbDay" id="resource10">                                                  <div class="08:31" style="display:inline; position:relative;"></div>                                                                .
               .
               .
              <div class="08:30" style="display:inline; position:relative;"></div>
      </td>
   </tr>
</table>

这是一个小时，我从 08:00 到 18:30 每小时都这样。

现在我想选择特定时间的 div 并且需要更改背景颜色。表示我想更改特定时间段的颜色。

我试图像这样选择 div ：

  $('td#resource10').find('div.08:31').addClass('test');

但它不工作。

谁能告诉我我的错误在哪里？

或者我怎样才能做到这一点？

提前致谢。

4

1 回答 1

2

工作 jsFiddle 演示

首先，您有多个 ID 元素resource10。这是错误的。

其次，你有:你的类名，所以用~选择器捕捉它们：

$('.tbDay').find('[class~="08:30"]').addClass('test');

感谢BrunoLM，您还可以使用它：

$('.tbDay').find('.08\\:30').addClass('test');

尽管在这种情况下 jQuery 会为您处理多个相同的 ID：

$('#resource10').find('[class~="08:30"]').addClass('test');

我建议您不要使用具有相同 ID 的多个元素。

于 2013-06-04T04:13:08.897 回答