小编Ter*_*der的帖子

使用jquery动态设置colspan

我有一个像这样的简单表结构.我想做的是根据某些条件动态合并一些列<td>,例如,如果td1和td3为空,那么合并单元格并 <td class="col1" colspan="3">1Meeting</td> 尝试使用jquery:

 $(".tblSimpleAgenda  td:contains('')").hide();
Run Code Online (Sandbox Code Playgroud)

但它没有效果.

使用jquery实现这一目标的最佳方法是什么.

<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> 
Run Code Online (Sandbox Code Playgroud)

jquery html-table

49
推荐指数
1
解决办法
10万
查看次数

标签 统计

html-table ×1

jquery ×1