Hinzufügen und Entfernen von HTML basiert auf Bedingung

Question

Ich habe die folgende Eingabe:

<input type="text" name="country" /> 

Wenn eine Variable errornicht null ist, werde ich die Nachricht, nachdem es zeigen:

<input type="text" name="country" /> 
<span class="error">Some error message</span> 

Wenn die Variable errorist null Ich muss die Nachricht entfernen.

So habe ich die folgende, wobei element die Eingang tag:

if (error != null) { 
    var message = element.next("span.error"); 
    if (message == null) 
    element.after("<span class='error'>" + error + "</span>"); 
    else 
    error.text(error); 
} else { 
    element.next("span.error").remove(); 
} 

Jedoch wird die Nachricht nicht hinzugefügt, wenn Fehler nicht null ist.

Was fehlt mir? Und gibt es eine Möglichkeit, meinen Code zu verbessern?

Answer 1

Per Kommentare oben, sollte Ihr Code funktioniert, wenn wie folgt überarbeitet, das Element unter der Annahme, ein jQuery-Objekt:

if (error != null) { 
    var message = element.next("span.error"); 
    if (message.length == 0) 
     element.after("<span class='error'>" + error + "</span>"); 
    else 
     message.text(error); 
} else { 
    element.next("span.error").remove(); 
} 

Answer 2

Ein einfacher Weg, dies zu tun:

if (error !== null) { 
    $("span.error").text(error).show();   
} else { 
    $("span.error").hide(); 
} 

In dem obigen Beispiel werden Sie mit der Fehlerspanne Elemente auf der Seite beginnen, aber hat es versteckt.

<span class="error" style="display:none"></span> 

Das gesagt, ich kann zumindest eine Sache mit Ihrem Code falsch sehen. In dieser Zeile

error.text(error); 

Ich glaube, Sie

message.text(error); 

auch gemeint ist das Element eine Variable aus einem jQuery-Selektor erstellt? Wenn es sich nur um einen Verweis auf ein DOM-Element und nicht auf ein jquery-Objekt handelt, funktioniert Ihr Code nicht.