对要由Javascript选择的表格单元格(以列为单位)进行分组

时间:2013-01-04 15:49:52

标签: javascript html-table

我想要实现的目标
我根据用户提供的日期生成日历的一部分。事情是我生成它的方式,它允许用户输入一些信息(如学校日程安排,日程安排)。 现在我希望能够在1个日期(1月6日)内选择所有单元格,包括1天(例如星期一)。

问题是什么?
因为它们是表格中的单元格,它们是由行(星期一的第1行,星期一的第2行等)生成的,我没有找到任何有用的方法来选择列中的单元格范围。

到目前为止我尝试了什么?
好吧,我在考虑给列中的每个单元格赋予name属性和日期,所以我可以用getElementsByName()选择它们,但是我还需要区分每个单元格,所以我可以从小组中挑选一个。但是我没有想法,要使用什么属性。我使用了名字,我可能会使用类来设置它,并且ID也需要是唯一的,所以我不能使用它,因为每个日期都有1-8个ID。

<td class="pion" rowspan="8">Monday</td><td class="szerokie">1</td>        
<td name=30.9.2013></td><td name=7.10.2013></td><td name=14.10.2013></td>
<td name=21.10.2013></td><td name=28.10.2013></td><td name=4.11.2013></td>
<td name=11.11.2013></td><td name=18.11.2013></td><td name=25.11.2013></td>
<td name=2.12.2013></td><td name=9.12.2013></td><td name=16.12.2013></td>
<td name=23.12.2013></td><td name=30.12.2013></td><td name=6.1.2014></td>
<td name=13.1.2014></td><td name=20.1.2014></td><td name=27.1.2014></td>  

星期一第一行的代码。正如你所看到的,每个列都在名称中有其他日期,但现在我需要一个想法,如何区别它们,从下一行(看起来几乎相同,除了星期一之后的第一列,得到数字2({{1} })。

此处的整个表格:http://jsfiddle.net/ptUTm/2/

当然,我们也欢迎全新的想法,如何对它们进行分组,然后只从团体中获得1个想法。我不“需要”代码,只有想法也没关系!

0 个答案:

没有答案