附加，然后每次更改

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（）函数

0.050649226079789056

这肯定会帮助您：）