删除HTML元素

Question

我不确定标题中的措辞如何，但这是我的问题： 我正在使用Kendo UI，并具有一个TabStrip对象，当您移至某些选项卡时，会触发不同的事件。最后一个标签是“确认选择”标签。单击此选项卡后，它将抓取先前选项卡中的选择，并最后显示一次，以供用户确认是否正是他们想要的。

我正在使用T4模板，以便使用以下代码在此屏幕上将用户选择显示回它们：

<script id="confirmSelections" type="text/x-kendo-template">
    <h3>Selected Titles</h3>
    # for (let i = 0; i < titles.length; i++) { #
    <p>Title: #= titles[i] #</p>
    # } #
</script>

唯一的问题是，我已经意识到，如果我返回到以前的任何选项卡，然后再返回到“确认选择”选项卡，它将保留已创建的<p></p>并重新创建所有再次使用HTML元素。这意味着，当我向后移动时，相同标题的重复次数就很多。因此，我想清除调色板，然后在每次单击“确认选择”时重新创建HTML元素。我该如何实现？

Answer 1

似乎您想创建一个向导或多步骤UI。看看this blog post。

Answer 2

$("#confirmSelections")[0].innerHTML = "";用于在每次迭代中清除div，以防止重复项进入div。