eine Zeile nach der aktuellen aktiven durch Klick auf den Button (div) Hinzufügen von außerhalb der aktuellen Tabelle

Question

Ich habe eine Tabelle von 5 tr die mit sagen wir mal und in jeder tr dort mit Eingängen in ihnen ein paar TDs ist.

Ich habe auch zwei Schaltflächen: Hinzufügen und Löschen einer Zeile. Diese Tasten befinden sich in einem separaten div unterhalb der gesamten Tabelle, also sind diese Tasten nicht in jeder Reihe, wie ich sehe, dass einige Leute sie platzieren.

Ich versuche es so zu machen, dass wenn der Benutzer eine Eingabe in Zeile 2 von 5 Zeilen hat und wenn er/sie die Schaltfläche 'Hinzufügen' drückt, jQuery eine Zeile nach der Zeile einfügt (also nach Reihe 2).

Mein Problem ist, dass ich weiß nicht, auf welcher Zeile der Benutzer mit dem Cursor (in einem Eingabefeld), wenn er/sie auf die Schaltfläche Hinzufügen drückt. Weil das Drücken der Taste den Fokus von der Eingabe abhebt und ich habe keine Ahnung, in welcher Reihe sie waren.

Ich denke daran, eine unsichtbare Checkbox oder eine addClass 'aktiv' in jeder Zeile zu verwenden, die eingeschaltet wird, wenn der Benutzer den Cursor in eine Eingabe in dieser Zeile platziert und eine Zeile nach der mit diesem Kontrollkästchen einfügen.

Aber, ich bin neugierig, ob jemand irgendwelche nützlichen Ideen hat, dies zu tun effiziente oder besser?

Answer 1

ein verstecktes Eingabefeld im Körper hinzufügen und auf die jeweils auf Eingabe des tr klicken, aktualisiert Zeilennummer in diesem versteckten Feld und auf Klick auf Schaltfläche Hinzufügen, nimmt Wert von verstecktem Feld, und tut, was Sie wollen.

Answer 2

Dank Harish,

Ich habe darüber nachgedacht, das zu tun, aber ich wollte nicht, diesen Weg zu gehen. Hatte das vorher und ich fand es ein bisschen zu viel.

Also als Referenz für alle anderen vielleicht finden Sie diesen Beitrag und wollen vielleicht eine Idee: Ich habe es gelöst, indem Sie eine Klasse "Akt" auf die derzeit fokussierte Eingabe und beim Klicken auf die Schaltflächen außerhalb der Tabelle, die ich bin Sie können die aktuell fokussierte Eingabe finden, indem Sie die Eingabe mit dieser Klasse auswählen.

Hoffe, das könnte jemand anderen in der Zukunft helfen!