Fokus auf das nächste Eingabefeld innerhalb der Tabelle mit der enter-Taste drücken

Muss ich verschieben in das nächste Eingabefeld innerhalb einer Tabelle mit vielen Zeilen mit enter-Taste drücken. Ich versuche dieses :

$(function() {

    $('input').keyup(function (e) {
       if (e.which == 13) {
       $(this).find().next('input').focus();
       }
     });

});

Warum nicht arbeiten ? 🙁

HTML

<table class="half">
  <tr>
  <td>Nome :</td>
  <td><input name="ragsoc" type="text" id="ragsoc" value=""/></td>
  <td>Mnemo:</td>
  <td><input name="mnemo" type="text" id="mnemo" value=""/></td>
  <td>Partita IVA :</td>
  <td><input name="piva" type="text" id="piva" value=""/></td>
  </tr>
  <tr>
  <td>Nome :</td>
  <td><input name="ragsoc" type="text" id="ragsoc" value=""/></td>
  <td>Mnemo:</td>
  <td><input name="mnemo" type="text" id="mnemo" value=""/></td>
  <td>Partita IVA :</td>
  <td><input name="piva" type="text" id="piva" value=""/></td>
  </tr>
 </table>

Dieser code funktioniert gut, aber nur in der ersten Zeile der Tabelle :

$('input').keydown(function (e) {
    if (e.which === 13) {
    $(this).closest('td').nextAll().eq(1).find('input').focus()
    }
 });

Was falsch ist oder fehlt ?

gleiche Ergebnis.. nada
Wir müssen sehen, den html-Code.
versuchen $(this).nextAll('.inputs:first').focus()
Ohne zu sehen, die html, keine Antwort ist die beste Schätzung.

InformationsquelleAutor geomo | 2014-01-20

  1. 15

    Vorausgesetzt .inputs ist ein Geschwister von Ihrem aktuellen element. .find() sucht in Nachfahren des aktuellen Elementes () 

     $('.inputs').keydown(function (e) {
    if (e.which === 13) {
       $(this).next('.inputs').focus();
    }
 });

    Müssen Sie .am nächsten(), .nextAll()

     $('.inputs').keydown(function (e) {
    if (e.which === 13) {
        $(this).closest('td').nextAll().eq(1).find('.inputs').focus();

        //OR
        //$(this).closest('td').next().next().find('.inputs').focus()
    }
 });

    DEMO

    Als OP aktualisiert hat, die Frage. Verwenden

     $('.inputs').keydown(function (e) {
     if (e.which === 13) {
         var index = $('.inputs').index(this) + 1;
         $('.inputs').eq(index).focus();
     }
 });

    DEMO, Als Hinweis, das ich verwendet habe class="inputs"

    InformationsquelleAutor Satpal

  2. 0

    Vielleicht hat es nicht funktioniert, weil Sie sich nicht mit jedem parameter, für die find() Methode.

    Und versuchen, diese simly:

    $('#txt').keydown(function (e){
   if(e.keyCode == 13){
     $(this).next('.inputs').focus();
   }
});

    Oder so:

    $('#txt').keydown(function (e){
   if(e.keyCode == 13){
     $(this).find('.inputs').focus();
   }
});

    Diese funktionieren würde!

    InformationsquelleAutor Afzaal Ahmad Zeeshan

  3. 0
     $('.inputs').keydown(function (e){
   if(e.keyCode == 13){
     $(this).next('.inputs').focus();
 }
});
    nur um klar zu sein $(this).next('.inputs') finden nicht den nächsten Eingang, holt das nächste Geschwister-element (was auch immer es ist) und es zurückgeben, wenn er die Klasse inputs

    InformationsquelleAutor Milind Anantwar

  4. 0

    Ist es:

    if (event.which == 13) {
    event.preventDefault();
    var $this = $(event.target);
    var index = parseFloat($this.attr('data-index'));
    $('[data-index="' + (index + 1).toString() + '"]').focus();
}

    http://jsfiddle.net/hxZSU/1/

    Schriftart:

    die Fokussierung auf den nächsten Eingang (jquery)

    InformationsquelleAutor CesarMiguel

Schreibe einen Kommentar