2016-05-12 13 views
0

Wenn die Schaltfläche geklickt wird, soll ein Text angezeigt werden und ich versuche, den Text zu entfernen (wenn Sie also erneut auf die Schaltfläche klicken, wird der gleiche Text angezeigt und nur einmal) - aber es funktioniert nicht ...Jquery - Entfernen/leeren hinzugefügt Text

html:

<button class="button2"id="hints"> 
    <p ><b>hint</b></p> 
     </button>   
    </div> 
    <div id="hintText">   
    </div> 

JS:

$('#hints').on('click',function(){ 
$('#hintText').append("The correct number is either 15, 99 or " + user); 
$('#hintText').empty(); 
}); 
+0

Was genau möchten Sie tun? Bitte spezifizieren Sie richtig. – KinjalMistry

+0

Möchten Sie den Text einmal anzeigen und dann automatisch ausblenden? Wenn Sie danach suchen, können Sie .hide() verwenden. –

Antwort

0

Sie müssen nur die Linie, um

ändern
$('#hints').on('click',function(){ 
$('#hintText').empty(); 
$('#hintText').append("The correct number is either 15, 99 or " + user); 
}); 
0

Ich habe nicht genau verstanden, was Sie tun wollen, aber ich werde versuchen, Ihnen zu helfen.

Versuchen Sie, den Hinweis für einen kurzen Zeitraum zu zeigen (halten Sie "hintText" div)?

HTML:

<button class="button2"id="hints">hint</button>   
<div id="hintText">   
</div> 

JS:

$('#hints').on('click',function(){ 
    $('#hintText').text("The correct number is either 15, 99 or " + user); 

    setTimeout(function(){ 
     $('#hintText').empty(); 
    }, 1000 /* show it for 1 second */); 
}); 


Sind Sie versuchen, es zu zeigen und verstecken sie auf den Knopf klicken?

HTML:

<button class="button2"id="hints">hint</button>   
<div id="hintText">   
</div> 

JS:

$('#hints').on('click',function(){ 
    $('#hintText').text("The correct number is either 15, 99 or " + user); 
    $('#hintText').toggle(); 
}); 

PS. Wenn der Hinweistext nach Benutzer statisch ist, meine ich, wenn die Variable "Benutzer" eine Konstante ist, können Sie sie außerhalb des Klickereignisses platzieren.

0

Sie müssen zuerst das Element machen leeren Sie dann den Text anfügen in it.I Ihren Code auf diese Weise

$('#hints').on('click',function(){ 
    $('#hintText').empty(); 
    $('#hintText').append("The correct number is either 15, 99 or "+user); 
}); 

Es

versucht, mich richtigen Ausgang gibt.

Bitte lassen Sie mich wissen, wenn es Ihnen hilft.

+0

Danke - ich habe nicht gut erklärt, was ich versucht habe, aber es hat geholfen !! Vorher würde jedes Mal, wenn ich auf die Schaltfläche klicke, der gleiche Text immer wieder angezeigt werden, jetzt, wenn ich auf die Schaltfläche klicke, wird der Text nur einmal angezeigt und wenn ich noch einmal klicke, passiert nichts (was ich wollte). Kannst du bitte erklären warum das Putten ... leer() vor dem Anhängen funktioniert? Vielen Dank! – learningcoding

+0

Wenn Sie empty() setzen, wird der Inhalt des div Null. So, wenn es das nächste Mal klickt, fügt es den neuen Inhalt an. Dies wird helfen – Codec