Elemente in jQuery durchlaufen

Ich möchte die Elemente eines HTML-Formulars durchlaufen und die Werte der -Felder in einem Objekt speichern. Der folgende Code funktioniert jedoch nicht:

function config() {
    $("#frmMain").children().map(function() {
        var child = $("this");
        if (child.is(":checkbox"))
            this[child.attr("name")] = child.attr("checked");
        if (child.is(":radio, checked"))
            this[child.attr("name")] = child.val();
        if (child.is(":text"))
            this[child.attr("name")] = child.val();
        return null;
    });

Folgendes auch nicht (inspiriert von der Antwort von Jobscry):

function config() {
    $("#frmMain").children().each(function() {
        var child = $("this");
        alert(child.length);
        if (child.is(":checkbox")) {
            this[child.attr("name")] = child.attr("checked");
        }
        if (child.is(":radio, checked"))
            this[child.attr("name")] = child.val();
        if (child.is(":text"))
            this[child.attr("name")] = child.val();
    });
}

Der Alarm zeigt das immer an child.length == 0. Die manuelle Auswahl der Elemente funktioniert:

    
>>> $("#frmMain").children()
Object length=42
>>> $("#frmMain").children().filter(":checkbox")
Object length=3

Irgendwelche Tipps, wie man die Schleife richtig macht?

glaube nicht, dass du Zitate dazu brauchst:

var child = $("this");

Versuchen:

var child = $(this);

jQuery hat eine hervorragende Funktion, um eine Reihe von Elementen zu durchlaufen: .jeder()

$('#formId').children().each(
    function(){
        //access to form element via $(this)
    }
);

Je nachdem, wofür Sie jedes Kind brauchen (wenn Sie es irgendwo über AJAX posten möchten), können Sie einfach tun …

$("#formID").serialize()

Es erstellt automatisch eine Zeichenfolge mit allen Werten für Sie.

Wie beim Durchlaufen von Objekten können Sie dies auch tun.

$.each($("input, select, textarea"), function(i,v) {
    var theTag = v.tagName;
    var theElement = $(v);
    var theValue = theElement.val();
});

Folgendes habe ich bisher verwendet:

var my_form = $('#form-id');
var data = {};

$('input:not([type=checkbox]), input[type=checkbox]:selected, select, textarea', my_form).each(
    function() {
        var name = $(this).attr('name');
        var val = $(this).val();

        if (!data.hasOwnProperty(name)) {
            data[name] = new Array;
        }

        data[name].push(val);
    }
);

Dies wird nur aus dem Speicher geschrieben, kann also Fehler enthalten, aber dies sollte ein aufgerufenes Objekt erzeugen data die die Werte für alle Ihre Eingaben enthält.

Beachten Sie, dass Sie mit Kontrollkästchen besonders umgehen müssen, um zu vermeiden, dass Sie die Werte von nicht aktivierten Kontrollkästchen erhalten. Dasselbe gilt wahrscheinlich für Funkeingänge.

Beachten Sie auch die Verwendung von Arrays zum Speichern der Werte, da Sie für einen Eingabenamen möglicherweise Werte von mehreren Eingaben haben (insbesondere Kontrollkästchen).

Wenn Sie die each-Funktion verwenden möchten, sollte es so aussehen:

$('#formId').children().each( 
  function(){
    //access to form element via $(this)
  }
);

Tauschen Sie einfach die schließende geschweifte Klammer gegen eine schließende Klammer aus. Danke für den Hinweis, Jobscry, du hast mir etwas Zeit gespart.

bei mir hat das alles nicht funktioniert. Was bei mir funktioniert hat, war etwas ganz Einfaches:

$("#formID input[type=text]").each(function() {
alert($(this).val());
});

Dies ist die einfachste Möglichkeit, ein Formular zu durchlaufen, indem nur auf die Formularelemente zugegriffen wird. Innerhalb jeder Funktion können Sie überprüfen und erstellen, was Sie wollen. Beachten Sie beim Erstellen von Objekten, dass Sie es außerhalb der einzelnen Funktionen deklarieren möchten.

BEARBEITEN
JSFIDDLE

Das Folgende wird funktionieren

$('form[name=formName]').find('input, textarea, select').each(function() {
    alert($(this).attr('name'));
});