2016-05-25 3 views
1

私は5つのテーブルとテーブルを持っていて、すべてのテーブルに入力があるテーブルがあります。現在のテーブルの外側にあるボタン(div)をクリックして、現在のアクティブなテーブルの後に行を追加します。

私は2つのボタンも持っています:行の追加と削除。これらのボタンはテーブル全体の下にある別のdivにあります。そのボタンはすべての行には表示されません。

私は、ユーザーが5行2行目の入力にあり、「追加」ボタンを押したときに、jQueryがその行の後に行を挿入するようにしようとしています2行目以降も同様です)。

私の問題は、彼が追加ボタンを押したときに、カーソルが(入力フィールド内の)どの行にあるのかわかりません。ボタンを押すとフォーカスが入力から外れてしまうので、その行が何であるか分かりません。

私は、ユーザーがその行の入力にカーソルを置き、このチェックボックスをオンにした後に行を挿入するとオンになるすべての行で、不可視チェックボックスまたはaddClass 'active'を使用することを考えています。

しかし、他の誰かがこれをより効率的に、あるいはより良くするための有用なアイデアを持っているのであれば、私は不思議です。

答えて

0

本文に隠れた入力フィールドを追加し、trの入力をクリックするたびに、この非表示フィールドの行番号を更新し、追加ボタンをクリックして、非表示フィールドから値を取り出し、必要な操作を行います。

0

おかげハリッシュ、

私はそのことについて考えたが、私はそのように行きたくありませんでした。以前はそれがあったと私はそれがあまりにも多くを見つけた。

誰かのために参考にしたいと思うかもしれませんが、私は現在のフォーカス入力にクラス '行為'を加えて解決しました。そのクラスで入力を選択することで、現在フォーカスされている入力を見つけることができます。

これは将来他の人に役立つことを期待しています。

関連する問題