Javascript 使用jQuery增加HTML元素ID

我试图通过单击按钮、

haddition

和

itemNumber

来增加两个HTML元素的id。您可以在下面看到HTML：

<div id="hwAddition">
    <div id="itemNumber" style="text-decoration: underline; font-size: large;">Item #</div>
    <div class="form-row">
        <div class="form-group col-md-4">
            <label for="hwDescription" style="text-decoration: underline;">Description</label>
            <form:textarea id="hwDescription" type="text"
                class="form-control short" path="hwDescription"
                name="hwDescription" placeholder="Description" maxlength="100"
                rows="2" style="resize: none;" />
        </div>
        <div class="form-group col-md-4">
            <label for="hwSerialNumber" style="text-decoration: underline;">Serial
                #</label>
            <form:input type="text" class="form-control" path="hwSerialNumber"
                name="hwSerialNumber" placeholder="Serial #" maxlength="100" />
        </div>
        <div class="form-group col-md-4">
            <label for="hwModelNumber" style="text-decoration: underline;">Model
                #</label>
            <form:input type="text" class="form-control" path="hwModelNumber"
                name="hwModelNumber" placeholder="Model #" maxlength="100" />
        </div>
    </div>
    <hr />
</div>

---

我的问题是，出于某种原因，

hwAddition

id正确递增，但

itemNumber

id不正确递增。您可以在下面的图像中看到这一点，单击3次后，有

hwAddition1

，

hwAddition2

，

hwAddition3

，但只有

itemNumber1

，

itemNumber1

。如果您能深入了解itemNumber id没有递增的原因，我们将不胜感激。

您能更新您的代码吗？您必须漏掉代码以增加itemNumber的“ID”

$('#hwAdditionButton').click(
    function() {                
        let clonedObj = $("#hwAddition" + count).clone().attr('id', 'hwAddition' + (count+1));
        clonedObj.find("#itemNumber" + count).attr('id', 'itemNumber' + (count+1));                
        clonedObj.insertAfter("#hwAddition" + count);
        
        count++;
    });

---

@作为一名程序员，我刚刚测试了我的代码，并确认它按预期工作。

$('#hwAdditionButton').click(
    function() {                
        let clonedObj = $("#hwAddition" + count).clone().attr('id', 'hwAddition' + (count+1));
        clonedObj.find("#itemNumber" + count).attr('id', 'itemNumber' + (count+1));                
        clonedObj.insertAfter("#hwAddition" + count);
        
        count++;
    });