Finden Sie den nächsten textarea mit Jquery

HTML

<tr id="rowId"><td><textarea class="inputTextarea"></textarea></td><td><textarea class="inputTextarea"></textarea></td></tr>
<tr id="rowId2"><td><textarea class="inputTextarea"></textarea></td><td><textarea class="inputTextarea"></textarea></td></tr>
<tr id="rowId3"><td><textarea class="inputTextarea"></textarea></td><td><textarea class="inputTextarea"></textarea></td></tr>

Sofern ich weiß, rowId, wie finde ich die nächste textarea AUF DIESER SEITE ein, beginnend an jedem beliebigen Punkt. Ich meine nicht, JEDER input, textarea nur. Ich muss in der Lage sein, um starten ZU JEDER Zeile, und Fortschritt auf die nächste textarea, im wesentlichen geht nach unten die Zeilen.

BEARBEITEN
Basierend auf den Antworten, die ich verwendete den folgenden code, um die traverse Texteingabefelder Zeile für Zeile:

var curElt = $('#' + startAt);  //startAt is the first row id   

        for(var i=1; i < 10; i++) {

            $(curElt).find('textarea').eq(0).val(i);
            $(curElt).find('textarea').eq(1).val(i+1);

            curElt = $(curElt).next();
        }
Basierend auf der Vielzahl von Antworten scheint es, dass Ihre Frage ist eindeutig nicht klar genug. Tun Sie nur bedeuten, dass Sie wollen, um das äquivalent von drücken Sie die Tab-Taste, wobei der Schwerpunkt der nächsten text-Bereich durch einen source-code um/tabIndex? Was bedeutet der Zeilen-id, die damit zu tun haben?
Ich habe eine Reihe von Zeilen, die jeweils über eine eindeutige ID verfügt. Ein Benutzer kann start-einfügen von Daten zu einem bestimmten textarea (es gibt 2 textarea-Elemente pro Zeile). Die Daten werden im CSV-Daten aus Excel. Meine Aufgabe ist es, füllen Sie die Texteingabefelder ab der ein Benutzer eingefügt (damit ich weiß, die Zeilen-ID, die Sie ab) und auf. Ich bin mir nicht sicher, wie zu erklären, mich selbst besser. Ich denke, TAB-Vergleich funktioniert.

InformationsquelleAutor sarsnake | 2011-01-05

  1. 11

    Können Sie die next und Methoden:

    $('#' + current_row_id).next().find('textarea').eq(0);

    next erhalten die nächsten verwandten und dann find finden sich alle Elemente innerhalb der Menge, die mit dem übergebenen Selektor(s), dann eq(0) greifen, werden das erste element in der Ergebnismenge zurückgegeben, die von find.

    wenn ich bei der zweiten textarea, wird ausgeführt, diese geben mir die ersten Textfeld der rowId3?
    Die next () - Methode ist für die Geschwister. Wenn Sie eine Tabelle auswählen Zeile, dann werden Sie nicht finden textarea-Elemente unter den Geschwistern oder der Zeile.
    Dank Jakob, sehr nützlich

    InformationsquelleAutor Jacob Relkin

  2. 5
    $('#rowId2').find('textarea');

    Finden die beiden Kinder der Reihe. Wenn Sie möchten, dass die ersten ein, entweder:

    $('#rowId2').find('textarea').eq(0); //jQuery object
$('#rowId2').find('textarea')[0];    //DOM Element

    Bearbeiten: Wenn Sie wissen nur eine Zeile und auf der Suche nach dem ersten textarea in die nächste Zeile:

    $('#rowId').next().find('textarea').eq(0);
    was, wenn ich ab rowId und müssen feststellen, dass die nächste textarea (das ist bei rowId2). an diesem Punkt weiß ich nicht, rowId2
    wäre es schneller zu finden, alle Texteingabefelder auf der Seite?
    Ich weiß nicht, was du meinst. Sie benötigen mehr klar ist, was "weiter" bedeutet.
    siehe Frage bearbeitet
    Noch nicht klar genug für mich. Es Klang aus Ihren Kommentaren, dass Sie beide wollen an einem Punkt beginnen dann aber vielleicht halten der Suche nach dem nächsten, wie Sie die tab-Taste. Das sind zwei verschiedene Dinge.

    InformationsquelleAutor Phrogz

  3. 4
    $textarea = $('#rowId textarea').eq(0);

$nextarea = $textarea.closest('tr').next().find('textarea').eq(0);

    Nur um zu klären, $.fn.next() findet die nächste Geschwister in der DOM.

    1. Ausgehend von der textarea, erste
      Sie haben zu finden, seine Eltern-tr (
      $textarea.closest('tr') ).
    2. Von dort aus, verwenden Sie weiter, um zum nächsten tr
      ( .next() )
    3. Schließlich finden die ersten
      textarea innerhalb , dass tr (
      .find('textarea').eq(0) )

    InformationsquelleAutor draeton

  4. 1

    Versuchen Sie dies:

    $("#rowID textarea:first-child").val()

    InformationsquelleAutor Chandu

Schreibe einen Kommentar