jquery mit .text() in der Lage, Boostrap-Klasse erste span ändern, aber nicht zweite

Question

Also ich bin sehr neu zu Javascript/html und jquery und lesen Sie so viele der Fragen über die Änderung der span-Elemente mit der jquery .text() Befehl und keiner von ihnen scheint einen Unterschied für meinen speziellen Fall zu machen, der jquery verwendet, um den Text von 2 Span-Elementen im selben div zu ändern.

Hier ist, was ich

für meine HTML haben

<div> 
     <p> 
     <span class="label label-primary" id="mstatusDim">loading..</span> 
     <span class="label label-warning" id="warmup">loading</span> 
     </p> 
</div> 

und die Javascript

$("#mstatusDim").text(result.stat); 
    $("warmup").text("test"); 

Die Funktion, die sie in sind, ist ein getJSON Aufruf, der result.XXX

kehrt aber für Irgendein Grund verstehe ich nicht, ich bin nie in der Lage, den Text der "warmup" id span zu ändern. durch und einzigartig zu sein tut das folgende

<div> 
    <p> 
    <span class="mstat label label-primary" id="mstatusDim">loading..</span> 
    <span class="warmuptest label label-warning" id="warmup">loading</span> 
    </p> 
</div> 

aber kein Glück dort entweder

ich habe auch versucht, die Klasse zu ändern. Selbst wenn ich die Reihenfolge von ihnen ändere, wird der "mstatusDim" Bereich immer korrekt aktualisiert und der "Warmup" wird das nie sein, deshalb kratze ich mich am Kopf so sehr, weil es teilweise funktioniert ...

in einer idealen Welt ich möchte die zweite Spanne keinen Text haben und nicht sichtbar sein, wenn ich es die .text („XYZ“) passieren in diesem Fall mit den Informationen

<span class="mstat label label-primary" id="mstatusDim">loading..</span> 
    <span class="warmuptest label label-warning" id="warmup"></span> 

Irgendwelche Ideen oder Vorschläge würden sehr geschätzt erscheinen würde!

Answer 1

Sieht aus wie Sie gerade einen ID-Selektor ('#') verpasst

Änderung

$("warmup").text("test"); 

zu

$("#warmup").text("test");