Jquery是否使用自定义ID名称多次追加？有人能告诉我正确的方向吗

我是jquery新手，我正在尝试创建一个过滤器。 我有一个过滤器按钮添加另一个过滤器，这一切工作，但P得到的相同的ID。这是合乎逻辑的

有人能告诉我正确的方向，给每个身份证上它自己的号码吗？ 假设有人点击按钮10次，每个ID都会得到一个1,2,3,4,5,6,7,8,9,10，这样我就可以用jquery再次锁定这些ID

这是我的剧本：

<script>
$(document).ready(function(){
    $("#Filter2").click(function(){
      $("#Filter2div").css("display", "inline;");
    $("#FilterP").append('<p id="and-or-"><p ID="Attribute2-"></p><p 
id="Operator-Value2-"></p><p ID="Filter_Value2-"></p>' );
$("#Filter2div").append('<br><select ID="andor" onchange="Andor(this)"> <option value="Select">Select</option><option value="-and">-and</option><option value="-or">-or</option></select><input ID="AttributeValue2" Placeholder="Filterable Property"></input><select ID="Operator2" onchange="PS_Operator2(this)"><option value="Select">Select</option><option value="-eq">-eq</option><option value="-ne">-ne</option><option value="-like">-like</option><option value="-notlike">-notlike</option><option value="-ge">-ge</option><option value="-le">-le</option></select><input ID="Filterable_Value2" Placeholder="Filterable Value"></input>'  );

 });
});

$（文档）.ready（函数（）{
$（“#过滤器2”）。单击（函数（）{
$（“#Filter2div”）.css（“显示”、“内联；”）；
$（“#FilterP”）.append（'
）；
$（“#Filter2div”）.append（“
选择或选择eq-ne-like-notlike-ge-le”）；
});
});

以及HTML部分：

<div ID="Full_Filter">
<pre><p ID="OptionValue"></p> -Filter {<p ID="Attribute"></p><p id="Operator- 
Value"></p><p ID="Filter_Value"></p><p id="FilterP"></p>}</pre>
</div>

-Filter{
}

我不太明白代码应该如何工作，因为它依赖于HTML中不存在的元素上的单击函数：

$（“#Filter2”）。单击（函数（）{

但是，这是一个基本示例，说明了如何使用类来选择动态创建的元素，并使用jQuery的

length

对这些元素进行计数，并基于此计数创建一个新id：

$（文档）.ready（函数（）{
var container=$（“#container”）；
$（'#addButton'）。在（'单击'，函数（）上）{
变量计数=$（'.addedElement'）。长度；
append（'id为“id-'+count+'”的元素）；
});
})；

添加

正是我需要的！谢谢，我不知道“计数”就足够了。@baswijdenesdotcom您必须记住，如果要动态删除不是最后一个id的项目，这将不起作用，在这种情况下，您必须使用全局计数变量或解析所有id以获得更高的值