Добавить, а затем изменить каждый раз

Question

Я использую .append каждый раз, когда нажимаю кнопку.

 $( ".kop_filters" ).append( "<p class='gekozen_datum'>Gekozen datum: </p>" );

Если я нажимаю кнопку 4 раза, это добавляется на мою страницу, например:

Gekozen datum:
Gekozen datum:
Gekozen datum:
Gekozen datum:

Я хочу, чтобы он появлялся один раз, и каждый раз, когда я нажимаю на него, он удаляется и снова добавляется, поэтому, например, после нескольких нажатий на него, я напечатал его один раз.Это потому, что я хочу загрузить в нее переменную, которая меняется каждый раз при клике.

РЕДАКТИРОВАТЬ: нашел решение здесь: Ajax заменить вместо добавления

Answer 1

Hii @JacobНо вы можете использовать такую ​​функцию jQuery empty (), как эта

  $( ".kop_filters" ).empty();

это вам определенно поможет:)

Answer 2

Используйте метод html.

$('button').click(() => {
  $(".kop_filters").html((Math.random() * 10).toString())
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="kop_filters"></div>
<button>Update</button>