我怎样才能给HTML表格列，类似于Excel电子表格？
请参阅网站和代码： http : //jonathonmoore.com/sandbox/single.html
我正在创build一个基本上为用户提供每周，每月和每年财务状况的网站。 我有一个有四列的大桌子：
现在，我是通过给每个单元格一个唯一的ID（#bwSalary，#monSalary，#annSalary等等），进行math计算，并replace文本来强制表中的值。
这很乱。 还有一部分页面允许用户添加和删除行到表中，并input各种费用。 我无法为每个人生成唯一的ID。 一定有更好的方法。
所以我的问题是，是否有一种方法，使用jQuery，为每列分配一个公式 – 类似于你可以在Excel中做什么。 我所设想的是计算每行的年度贡献（可能使用唯一的ID），然后jQuery将遍历每行，并填充每两周和每月行，只需将年度列单元格中的值分开通过12或26。有道理？
我知道有一种方法可以做到这一点，我只是不了解jQuery，知道如何find我需要的正确的单元格。
一个简单的方法来实现你的第二个表使用原始JQuery，并通过编程在同一行中查找其他input框避免硬编码的ID。 以下是一些Coffeescript来说明：
# whenever the user finishes entering a value and clicks away $('table input').on 'blur', -> # find all three input boxes in this row [biweekly, monthly, annual] = $(this).parents('tr').find('input') # update the first two in terms of the third $(biweekly).val($(annual).val() / 52 * 2) $(monthly).val($(annual).val() / 12) 如果你的应用程序变得越来越复杂（或者如果你只是感兴趣），你可能需要研究反应式编程系统，比如纠缠 ， angular度 ， 烬等等。就像Excel一样，他们会让你声明这个值的东西是另一件事的一些expression（即公式），系统将确保只要有一件事情发生变化，所有依赖的绑定也会被更新。