Update-Eingabe Name Attribut ohne eq()

Question

Ich füge Zeile Nummer am Ende des Namens dynamisch mit Code unten für die Anforderung Parameter eindeutig sein.

$("#myTable").find("tr").each(function() { 
    var text = $(this).find("td input:text"); 
    var select = $(this).find("select"); 
    var cb = $(this).find("td input:checkbox"); 
    select.eq(0).prop("name", select.eq(0).prop("name") + counter); 
    text.eq(0).prop("name", text.eq(0).prop("name") + counter); 
    text.eq(1).prop("name", text.eq(1).prop("name") + counter); 
    cb.eq(0).prop("name", cb.eq(0).prop("name") + counter); 
}); 

Gibt es eine Möglichkeit, meinen obigen Code eher zu verringern als die Angabe eq() oder index obwohl ich auf verschiedene Arten von Eingabe gesetzt (Text, Kontrollkästchen), und wählen. Kann mir jemand einen einfacheren und kürzeren Ansatz vorstellen? Jede Hilfe wird so sehr geschätzt.

Answer 1

Der Selektor :input ruft alle Eingaben ab, sodass Sie keine separaten Klauseln für die Felder select und die Kontrollkästchen benötigen. Von dort können Sie die Notwendigkeit für die each()-Schleife negieren, indem Sie der Methode prop() eine Funktion bereitstellen, die den aktuellen Wert als Parameter akzeptiert, an den Sie anhängen können. Versuchen Sie folgendes:

$('#myTable :input').prop('name', function(i, v) { 
    return v + counter; 
}); 

Wenn Sie die counter Variable erhöhen, müssen dann würden Sie noch die each() Schleife benötigen, obwohl Sie es mit Hilfe des Index des aktuellen tr wie dies automatisieren könnte:

$('#myTable tr').each(function(tr_i) { 
    $(this).find(':input').prop('name', function(inp_i, v) { 
     return v + tr_i; 
    }); 
}); 

Answer 2

Haben Sie versucht, den :first Selektor zu verwenden? Hier ist die Dokumentation von jQuery Website: https://api.jquery.com/first-selector.