jquery - td内のdivの位置を取得する方法

Question

私は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>

これは 1 時間で、08:00 から 18:30 までの 1 時間ごとにこのようにしています。

今、特定の時間の div を選択し、背景色を変更する必要があります。特定のタイムスロットの色を変更したいということです。

私はこのようなdivを選択しようとしました:

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

しかし、それは機能していません。

誰かが私の間違いを教えてもらえますか?

またはどうすればこれを達成できますか？

前もって感謝します。