Establecer colspan dinámicamente con jQuery

Tengo una estructura de mesa simple como esta. Lo que me gustaría hacer es combinar dinámicamente algunas columnas basadas en alguna condición dentro de la<td> por ejemplo, si td1 y td3 están vacías, entonces combine las celdas y haga<td class="col1" colspan="3">1Meeting</td> Intenté jugar con jquery usando:

 $(".tblSimpleAgenda  td:contains('')").hide();

Pero no tuvo el efecto.

¿Cuál sería la mejor manera de usar jquery para lograr esto?

<table  class="tblSimpleAgenda" cellpadding="5" cellspacing="0">
 <tbody>
 <th align="left">Time</th>
 <th align="left">Room 1</th>
 <th align="left">Room 2</th>
 <th align="left">Room 3</th> 

        <tr valign="top">
            <td class="colTime">09:00 – 10:00</td>
            <td class="col1"></td>
            <td class="col2">Meeting 2</td>
            <td class="col3"></td>
        </tr>

        <tr valign="top">
            <td class="colTime">10:00 – 10:45</td>
            <td class="col1">Meeting 1</td>
            <td class="col2">Meeting 2</td>
            <td class="col3">Meeting 3</td> 
        </tr>

        <tr valign="top">
            <td class="colTime">11:00 – 11:45</td>
            <td class="col1">Meeting 1</td>
            <td class="col2">Meeting 2</td>
            <td class="col3">Meeting 3</td> 
        </tr>
</tbody>
</table> 

Respuestas a la pregunta(5)

Su respuesta a la pregunta