删除 HTML 个元素

Question

我不太确定如何在标题中表达这一点，但这是我的问题：我正在使用 Kendo UI 并有一个 TabStrip object，当您移动到某些选项卡时，不同的事件设置为触发。最后一个选项卡是 'Confirm Selections' 选项卡。单击此选项卡时，它会抓取先前选项卡中的选择并最后一次显示它们以供用户确认这是他们想要的。

我正在使用 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>

唯一的问题是，我已经意识到，如果我回到我之前的任何选项卡，然后回到这个 'Confirm Selections' 选项卡，它会保留已经创建的 <p></p>s 和再次重新创建所有 HTML 元素。意思是，当我向后移动时，相同标题的重复次数一样多。所以，我想清除调色板，然后在每次单击 'Confirm Selections' 时重新创建 HTML 元素。我怎样才能做到这一点？

Answer 1

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

Answer 2

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

删除 HTML 个元素

Removing HTML Elements

javascript

html

asp.net-core

kendo-ui

t4