Was ist das jQuery-Äquivalent zu document.forms[0].elements[i].value;?

Question

Was ist das Jquery-Äquivalent zu: document.forms[0].elements[i].value; ?

Ich weiß nicht, wie man in jQuery durch ein Formular und seine Elemente reist und würde gerne wissen, wie man das macht.

Answer 1

Die übliche Übersetzung ist die :input Selektor:

$("form:first :input").each(function() {
  alert($(this).val()); //alerts the value
});

Le site :first ist, weil Ihr Beispiel die erste <form> Wenn es nur eines gibt oder Sie alle Eingabeelemente haben wollen, nehmen Sie einfach die :first aus. Die :input Selektor arbeitet für <input> , <select> , <textarea> ...alle Elemente, die Sie hier normalerweise interessieren.

Wenn wir jedoch genau wüssten, was Ihr Ziel ist, gäbe es wahrscheinlich einen sehr einfachen Weg, es zu erreichen. Wenn Sie mehr Informationen posten können, z. B. den HTML-Code und die Werte, die Sie extrahieren (oder mit denen Sie etwas anderes tun wollen).

Answer 2

Nun, wörtlich übersetzt hieße das:

$('form:first *:nth-child(i)').val()

Aber jQuery macht es einfach, Elemente durch andere Methoden wie ID oder CSS-Selektor zu greifen. Es wäre einfacher zu pflegen, wenn Sie etwas wie tun:

$('form#id input.name').val()

Answer 3

Ich bin mir nicht ganz sicher, was Sie erreichen wollen, aber Sie sollten in der Lage sein, etwas Ähnliches zu tun:

$('form:first').children(':first').val();

Dadurch wird der Wert des ersten untergeordneten Knotens innerhalb des ersten <form> Tag im DOM.

Answer 4

$("#formid input").each(function(){
    alert($(this).attr("value"))
})

Answer 5

So erhalten Sie alle Elemente des Formulars. Auch Elemente, die nicht zum Formular gehören:

$("#[form id]").find()

Dann können Sie eine each-Funktion verwenden, um alle Kinder zu durchlaufen. Oder Sie können den Eingabeselektor verwenden, um nur die Formularelemente zurückzugeben:

$("#[form id] :input")