javascript - 表中的树状连接器(HTML/CSS/原型(prototype))

Question

这是我的 fiddle :http://jsfiddle.net/DmcEB/54/

我希望它看起来像这样:

代码应该足够聪明，知道它应该只在事件选择之后和比赛日期之前为行创建连接器。

Answer 1

[编辑] 调整代码以允许在表格中使用“lastindent”。

var lastCell,remember;
$$('.geniusPicks tr > td:first-child').slice(1,-1)
     .each(
       function(cell) {
         cell = $(cell);
         lastCell = (cell.innerHTML.match(/^@/)
                ? cell.addClassName('indent') 
                : void 0);
        if (remember &&
            remember.innerHTML.match(/^@/) && 
            !cell.innerHTML.match(/^@/)) {
           remember.addClassName('lastindent');
        }
       remember = cell;
});

参见 jsfiddle