JQuery - Удалить/удалить добавленный текст

Question

Когда кнопка нажата, текст будет отображаться, и я пытаюсь удалить текст (поэтому, когда вы нажимаете кнопку снова, тот же текст будет отображаться и только один раз) - но это не работает ...

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. Если текст подсказки статичен в зависимости от пользователя, я имею в виду, что если переменная «user» является константой, вы можете поместить ее за пределы события click.

Answer 3

Вы должны сначала сделать элемент пустой затем добавить текст в it.I попробовал ваш код таким образом

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

Это дает мне надлежащий вывод.

Пожалуйста, дайте мне знать, если это вам поможет.