克隆dom以获取不同数量的数字输入以生成摘要

Question

我有一个简单的表格，其中包含以下规格：

这个非常简单的概述用于手动输入某一行的任何金额。在该示例中，您会在“Bestellmenge”（数量）中看到"last_name":"abcd","email":"abc.com","first_name":"xyz" 。

为了给用户一个最终的总结，我想生成一个带有他给出的输入的小方框（以确认它应该是怎样的）。

对于那种情况，我准备了一个像这样的小骨架：

1

我遇到的问题是，如何“复制”这些值。这甚至是一个好方法吗？输入字段的数量各不相同，并不总是5（否则我将其用作具有修复ID的固定金额）。

之前我有类似的用例，但只有一组值。我隐藏了<div class="alert alert-warning"> <strong>Please verify:</strong><br><br> You are going to order: <span class="preview_amount"></span> <span class="preview_article_name"></span> <span>for each</span> <span class="preview_price_unit">11</span>€ <br> <hr> The final price will be <span class="preview_final_price"></span>€ </div> 填写preview-text之后的值，当每个输入都填充了一个值时，我只是淡化了文本。

所以，举个例子：

  

让我假装我正在尝试订购keyUp

我的输出必须有3倍的“骨架” - 每篇文章一次。我从1场调整1值没有问题。建议的方法是使用for-each（〜）和“re-create / dupe / clone”骨架来迭代这些输入吗？