JQuery Änderungstext des Absatzes, die Bild enthält

Question

Ich habe folgende html

<p id="logo400_120_spinner"><img src="/global/img/spinner.gif"></p> 

ich Jquery verwenden, um zu versuchen, den Text zu Laden zu setzen oder zu entfernen auf Umstand abhängig, aber ich bin nur den Text bekommen und verlieren den Spinner Bild. Ich würde der Spinner wie auf der rechten Seite mit dem Text vorhanden sein

Hier ist die jquery ich

$("#logo400_120_spinner").text('Loading'); 
$("#logo400_120_spinner").show(); 

Der Spinner Bild mit dem oben verschwindet verwenden. statt nur Klar-

Answer 1

Verwenden .html() den inneren HTML zu ändern, so dass Sie ein img Tag verwenden können

anzuzeigen:

$("#logo400_120_spinner").html('<img src="/global/img/spinner.gif">Loading'); 
$("#logo400_120_spinner").show(); 

Um loszuwerden der Ladetext:

$("#logo400_120_spinner").html('<img src="/global/img/spinner.gif">'); 

Eine andere Möglichkeit besteht darin, den "Lade" -Text in einen Bereich zu setzen und diesen Bereich nur mit JQuery ein- und auszublenden.

Answer 2

Fügen Sie den gewünschten Text an das Element an.

$("#logo400_120_spinner").append('Loading'); 

Wenn Sie es wollen, richtig positionieren, möchten Sie vielleicht ein Element mit einer Klasse zu prüfen, indem oder ein Element auf Blockebene: -

$("#logo400_120_spinner").append('<p class="myCustomClass">Loading...</p>'); 

Text entfernt von

$("#logo400_120_spinner .myCustomClass").remove();