在通过sam id动态添加更多div后，按id计算div的数量

Question

页面加载时，我有以下div

<div id="row_log">......</div>

在此阶段，如果我执行console.log($('#row_log').length);，则得到的响应为1，这是正确的。

但是，我有一个按钮可以克隆相同的div，效果很好。因此，如果三次单击该按钮，我现在将拥有：

<div id="row_log">.....</div> original div
<div id="row_log">.....</div> cloned div
<div id="row_log">.....</div> cloned div
<div id="row_log">.....</div> cloned div

console.log($('#row_log').length);仍然显示为1而不是4

Answer 1

id属性为HTML元素指定唯一ID（该值在HTML文档中必须唯一）。 使用class。

Answer 2

要点：
1. ID必须是唯一的。
2.如果ID重复，JavaScript将始终为您提供第一个元素，因此长度为1。

如果您仅在构建动态列表或其他内容，则可以使用类。

......
 然后执行document.getElementsByClassName（className）