jQuery abrufen, nur Textfelder, die einen nicht-leeren Wert

In jQuery, wie bekomme ich nur die Textfelder, die einen nicht-leeren Wert?

Beispiel:

<input type="text" id="i1" value="" />
<input type="text" id="i2" value="bla bla" />
<textarea id="i3">more bla bla</textarea>
<input type="text" id="i4" value="" />

Wie kann ich eine Abfrage schreiben, die können mir nur die Eingänge i2 und i3? (in einer Aufnahme, die ich versuche zu vermeiden, eine "for" - Schleife)

Dank!

InformationsquelleAutor Lucian | 2011-08-19
  1. 5

    Zunächst Ihren HTML sollte eigentlich so Aussehen:

    <input type="text" id="i1" value="">
<input type="text" id="i2" value="bla bla">
<textarea id="i3">more bla bla</textarea>
<input type="text" id="i4" value="">

    Ich nehme an, den meisten Browsern standardmäßig type="text" für input-Felder, wenn es nicht angegeben, aber ich glaube nicht, dass Sie auf Sie zählen können, um herauszufinden, dass val bedeutet value. Schließlich, textarea text hat zu gehen, zwischen den <textarea> tags.

    Auf Ihre Frage, obwohl. Diese Linie wird tun, was Sie wollen:

    $('input[type="text"], textarea').filter(function() { return $(this).val(); });

    Können Sie die jQuery - grep - Funktion, die eine Schleife durch ein array und behält nur die Werte erfüllen (return einen Wert truthy aus) die Funktion Sie passieren zu $.grep. In diesem Fall ist das array, das Sie vorbei sind ist ein array von jQuery-Objekten, die mit der $('input[type="text"], textarea') Selektor, d.h. text-Felder und Texteingabefelder. Die Funktion, die Sie übergeben haben, um die Elemente auswählen, die Sie wollen, gibt einfach den Wert des Textfeldes oder der textarea. Wenn es leer ist, dann ist der Rückgabewert ist falsy, und der Knoten wird ausgeschlossen, und wenn es eine nicht-leere Zeichenfolge, dann ist der Rückgabewert ist truthy, und der Knoten enthalten ist.

    • du hast Recht über das HTML habe ich behoben, in meiner Frage. Deine Lösung ist Total schön und sauber :). Danke!
    • Das problem mit $.grep hier ist, dass es ein array zurückgibt, nicht ein jQuery-Objekt. Mit .filter() mehr Sinn machen würde. Und ja, der Standardtyp für Eingabe Felder ist text.
    • Du hast Recht, filter ist besser. Geändert meine Lösung.
    • sehr schön! Sauber und klar
    InformationsquelleAutor ethan
  2. 8

    Dieser würde die Aufgabe:

    var $nonEmptyItems = $("input,textarea").filter(function() {
  return $(this).val() != "";
});
    • yep, das ist es, was ich suchte. Danke!
    InformationsquelleAutor KARASZI István
  3. 0

    Wenn du das value-Attribut, dann könnte dieses geschehen:

    $('input[value!=""], textarea[value!=""]')
    • textareas nicht ein value Attribut trotzdem.
    • Oh verdammt, du hast Recht... :s
    InformationsquelleAutor gislikonrad
  4. 0

    Können Sie den Attribut-Selektor mit a != Bewertung:

    $("input[value!='')")
    • Es muss auch auf die Textfelder. Danke!
    InformationsquelleAutor Jamie Dixon
Schreibe einen Kommentar