每次都附加然后更改

Question

每次点击按钮我都会使用.append。

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

如果我单击按钮4次，这将附加在我的页面中，如：

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

我希望它出现一次，每次我点击它删除并再次追加，例如在点击它几次后我打印了一次。这是因为我想在其中加载一个变量，每次点击都会改变。

编辑：在这里找到解决方案：Ajax replace instead of append

Answer 1

使用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>

Answer 2

Hii @JacobHout你可以像这样使用jQuery empty（）函数

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

这肯定会帮助你:)