每次追加然后更改答案

【问题标题】：Append and then change every time每次追加然后更改
【发布时间】：2019-07-15 09:04:04
【问题描述】：

我每次点击按钮时都使用.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

【问题讨论】：

【解决方案1】：

你好 @JacobHout 你可以像这样使用 jQuery empty() 函数

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

这绝对会帮助你:)

【讨论】：

【解决方案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>

【讨论】：