php - 在页面上放置动态 html 的最可接受的方式

Question

我想在单击按钮时将一些 html 附加到 div。唯一需要动态的是它需要有一个不同的 id 和上面其他相同的 html。所以如果我有这样的结构:

<div id="container">
   <div id="div1" class="inner">
       <p id="P1">Some content</p>
   </div>
   <div id="div2" class="inner">
       <p id="P2">Some content</p>
   </div>
</div>

我想追加到容器的末尾

  <div id="div3" class="inner">
         <p id="P3">Some content</p>
  </div>

存储此 HTML 的好方法是什么？将其全部保存在一个 php 页面中并发布新 div 的 id 应该增加到的数字？或者更聪明的做法是将 html 放在字符串中，并使用正则表达式递增所有数字。或者是否有一些我完全错过的非常明显的方法来做到这一点。

Jquery 是一个选项，因为它已经在页面上。

此外，如果这个问题看起来过于开放，请在评论中告诉我如何在关闭它之前更改它。

非常感谢。

Answer 1

根据您目前对评论的回答(即 id 并不是很重要，并且您将在内容中包含输入元素)，我会说您希望将 html 重做为如下所示:

<div id="container">
   <div class="inner">
       <p><input type="text" name="order_item[]" value="" /></p>
   </div>
   <div class="inner">
       <p><input type="text" name="order_item[]" value="" /></p>
   </div>
</div>

请注意，不再有 id，我已经为您的输入元素使用了数组表示法，这样它们将作为数组发布到接收脚本(消除了在 javascript 中增加计数器或将不同的发布变量名解析为可用变量名的需要服务器上的 PHP 数组)。

然后在 jQuery 中使用类似这样的东西

$('#button_id').click(function() {
    $('#container > div.inner:last').clone().val('').appendTo('#container');
});