Jquery - 空のテキストを削除/空にする

Question

ボタンをクリックすると、テキストが表示され、テキストを削除しようとしています（ボタンを再度クリックすると、同じテキストが1回だけ表示されます）。しかし、それは動作しません...

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(); 
}); 

Answer 1

あなただけ

行の順序を変更する必要があります

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

Answer 2

私はあなたがしたいことを正確に理解していませんでしたが、私はあなたを助けようとします。

ヒントを短期間表示しようとしていますか（「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 */); 
}); 

あなたはそれを表示し、ボタンのクリックでそれを隠そうとしていますか？

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。ヒントテキストがユーザーに応じて静的であれば、「ユーザー」変数が定数であれば、clickイベントの外に置くことができます。あなたはその後、it.Iにテキストを追加する最初の要素が空のようにする必要があり

Answer 3

は、それは私に適切な出力を与えている、このように

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

をあなたのコードを試してみました。

お手伝いがあれば教えてください。