通过单击当前表外部的按钮(div)在当前活动的一行之后添加一行

时间:2016-05-25 09:38:21

标签: jquery html html-table

我有一张表,让我们说5 tr,在每个tr中都有几个带有输入的td。

我还有两个按钮:添加和删除一行。这些按钮位于整个表格下方的单独div中,因此这些按钮不会出现在每一行上,就像我看到有些人放置它们一样。

我正在尝试这样做,以便当用户在5行第2行的输入中并且当他/她按下“添加”按钮时,jQuery将在它们所在的行之后插入一行(所以在第2行之后。)

我的问题是当他/她按下添加按钮时,我不知道用户在光标的哪一行(在输入字段中)。因为按下按钮会使焦点偏离输入,因此我不知道它们是什么行。

我正在考虑在每一行上使用一个不可见的复选框或一个addClass'active',当用户将光标放在该行的输入中并在打开此复选框的那一行之后插入一行时,它会打开。< / p>

但是,我很好奇其他人是否有任何有用的想法可以更高效或更好地做到这一点?

2 个答案:

答案 0 :(得分:0)

在正文中添加一个隐藏的输入字段,每次点击tr的输入,在此隐藏字段中更新行号,点击添加按钮,从隐藏字段中取值,并做任何你想做的事。< / p>

答案 1 :(得分:0)

谢谢哈里什,

我考虑过这样做,但我不想那样做。之前我发现它有点太多了。

因此,为了参考其他人可能找到这篇文章并想要一个想法:我通过添加一个类&#39; act&#39;来解决它。对于当前关注的输入,点击表格外的按钮,我可以通过选择该类的输入来找到当前关注的输入。

希望将来有可能帮助其他人!