Wie Entferne ich bestimmte Elemente mit einem jQuery .each-Schleife?

Nehme an, ich habe ein HTML-Dokument mit:

<form id = "my_form">
    <input type = "text" />
    <input type = "text" />
    <input type = "text" />
    <button type = "button" onclick = "removeGoodInputs()">Do the job</button>
</form>

Ich loswerden wollen der Eingänge Werte erfüllen einer Bedingung (in meinem JS). Ich habe versucht, meinen removeGoodInputs() Funktion (wie unten), aber dies löscht alle Eingaben aus dem Formular. Wie kann ich dieses Problem beheben?

function removeGoodInputs() {
    $("#my_form input").each(function() {
        if(this.attr("value") == 10)
            $(this).remove();
    });
}
InformationsquelleAutor patryk | 2012-09-09
  1. 0

    .attr() ist eine jQuery-Methode, also es kann nur aufgerufen werden, auf ein jQuery-Objekt. Weitere, jQuery .val() ist der einfachere Weg, um den Wert (eine Verknüpfung).

    So, diese Zeile des Codes ist nicht korrekt:

    if(this.attr("value") == 10)

    Ich würde empfehlen, entweder:

    if (this.value == "10")      //plain javascript

    oder:

    if ($(this).val() == "10")   //jQuery

    Hinweis, ich habe auch die Vergleiche mit strings sein, da das ist, was .value zurück und es ist besser, sich nicht auf eine automatische Typ-Konvertierung.

    Können Sie sehen, es funktioniert hier: http://jsfiddle.net/jfriend00/HMemp/

    • Es kann auch sein if($(this).attr("value") == 10)
    • ja das ist eine option, aber es gibt keinen Punkt, dies zu tun, wenn .val() oder .value sind direkter.
    • Ja, ich Stimme zu, gerade kommentiert, weil Sie beantwortet Sie in einer Weise mit either so dass ich dachte, es sollte erwähnt werden, auch als eine weitere option.
    • Ja, der Fehler kam, dass war nicht der genaue Probe von meinem code, nur bringen wollten, hier die wichtigsten Zeilen. Anyway, das problem war tatsächlich die Weise, die ich gebaut hatte die Bedingung innerhalb der if-Anweisung. Trotzdem, danke für die Hilfe 😀
    • also deine Frage nicht genau zeigen, was war das problem verursacht?
    • In der Tat, das problem war die Bedingung, die ich erhalten wollte eine Zahl zwischen 1 und 30 und davor hatte ich eine Bedingung, dass nur zahlen kleiner 1 und größer als 30 übergeben. Ich änderte untere Zeichen zu mehr und Umgekehrt aber vergaß über die logische Verbindung. Meine Denkweise war die gleiche, wie Sie Jungs vorgestellt. Trotzdem danke für alle Antworten

    InformationsquelleAutor jfriend00
  2. 1

    Anderen Weg, um dieses Problem zu lösen, ist die Verwendung .- filter [docs]:

    $("#my_form input").filter(function() {
    return this.value === '10';
}).remove();
    InformationsquelleAutor Felix Kling
  3. 1

    attr ist eine der Methoden von jQuery-Objekt, sollten Sie zuerst konvertieren Sie die DOM-Objekt this um ein jQuery-Objekt und jQuery-Methoden $(this).attr("") auch Sie können val Methode für das abrufen/einstellen von Werten von Formular-Steuerelemente anstelle von attr und Sie brauchen nicht each verwenden, können Sie Attribute Equals Selector:

    function removeGoodInputs() {
    $("#my_form input[value='10']").remove();
}

    $("#my_form input[value='10']") wählt die Eingänge, deren Werte 10.

    InformationsquelleAutor undefined
  4. 0
    function removeGoodInputs() {
 $("#my_form input").each(function() {
  if($(this).val() == 10) $(this).remove();
 });
}
    InformationsquelleAutor rationalboss
Schreibe einen Kommentar