2017-06-14 42 views
0
<table> 
    <tr> 
    <td rowspan="2">test</td> 
    <td>test</td> 
    </tr> 
    <tr> 
    <td rowspan="0">test</td> 
    <td>test</td> 
    </tr> 
</table>  

$.each(data.shopTimeArray,function(i) 
{ 
    $tbodyTR = $("<tr>",{}).appendTo($tbody); 
    $tbodyTH = $("<th>",{'scope':'row','html':data.shopTimeArray[i].slice(0,-3)}).appendTo($tbodyTR); 
    $.each(data.workerids,function(j) 
    { 
     $.each(data.workerAppointments[data.workerids[j]],function(k) 
     { 
      if(data.workerAppointments[data.workerids[j]][k].timeArray != "undefined") { 
       $.each(data.workerAppointments[data.workerids[j]][k].timeArray,function(y){ 
        $rowSpan++; 
       }); 
       } else { 
        $rowSpan = 0; 
       } 
     }); 
    }); 
    $tbodyTD = $("<td>",{'class':classname,'onclick':click,'html':html,'rowspan':$rowSpan,'data-time':time,'workerid':data.workerids[j]}).appendTo($tbodyTR); 
}); 

{"shopTimeArray":["10:00:00","10:15:00","10:30:00","10:45:00","11:00:00","11:15:00","11:30:00","11:45:00","12:00:00"],"workernames":["Kapper 1","Kapper 2"],"workerTimes":{"148":["10:00:00","10:15:00","10:30:00","10:45:00","11:00:00","11:15:00","11:30:00","11:45:00","12:00:00"],"196":["10:00:00","10:15:00","10:30:00","10:45:00","11:00:00","11:15:00","11:30:00","11:45:00","12:00:00"]},"workerAppointments":{"148":[{"timeArray":["10:00:00","10:15:00","10:30:00","10:45:00"]}],"196":[{"timeArray":["09:30:00","09:45:00"]},"workerids":["148","196"],"today":"2017-06-19","dayname":"1"} 

这里即时创建动态HTML,行跨度不是通过jQuery工作动态生成HTML内容正确

我想跳过未来5 TD是否有行跨度= 5

值要跳过在workerAppointments [workerid] [timearray]

寻找帮助

https://imgur.com/a/xCais “提示”

看看我添加的表是由jQuery生成的,你可以在表中看到如果rowspan = 2比在下一个tr首先td不会添加,但通过我上面的jQuery代码添加创建像上表。

+0

无论这段代码也不是这问题对我有意义。请清楚解释问题是什么以及理想的输出是什么样子。 –

+0

嗨,我只是上传图像的问题,它是显示意想不到的结果,我想跳过td,如果有rowspan可用 –

+0

甚至没有图像是有道理的。请尝试解释你想要做的方式,每个人都会能够理解 –

回答

1

你可以有一个变量,名为skipColumnCount并在内环这样做

if (skipColumnCount > 0) { 
    skipColumnCount--; 
    continue; 
} 

因此,跳过5列,你将其设置为5