Apply row uniqe identifier to all id content columns

Hi all i’m trying to figure out a way to assign a uniqe identifier to each row but keep the ids uniqe identifer the same as each row. Still learning javascript..

for first row:
id=row1, id=addbtn1, id=comment1
for second row:
id=row2, id=addbtn2, id=comment2, id=formAttachment2
for third row:
id=row3, id=addbtn3, id=comment3, id=formAttachment3

<div class="row" id="row" name="row">

    <div class="col-auto" id="col">
        <div id="AddButton">
            <br /><button name="addbtn" type="button" class="btn btn-link addbtn" style="font-size: 11px; margin-top: -40px" id="addbtn"><font color="green"><b>+ Add</b></font></button>
        </div>
    </div>
    <div class="col-auto" id="col">
        <textarea class="form-control" rows="1" id="comment" cols="75" name="comment"></textarea>
    </div>
</div>

<div class="row" id="row" name="row">

    <div class="col-auto" id="col">
        <div id="AddButton">
            <br /><button name="addbtn" type="button" class="btn btn-link addbtn" style="font-size: 11px; margin-top: -40px" id="addbtn"><font color="green"><b>+ Add</b></font></button>
        </div>
    </div>
    <div class="col-auto" id="col">
        <textarea class="form-control" rows="1" id="comment" cols="75" name="comment"></textarea>
    </div>

    <div class="col-auto" id="col">
        <form method="post" enctype="multipart/form-data">
            <div class="mb-4">
                <div class="row">
                    <div class="col-auto">
                        <input type="file" name="file" class="form-control" id="formAttachment" style="width: 500px" />
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="row" id="row" name="row">

    <div class="col-auto" id="col">
        <div id="AddButton">
            <br /><button name="addbtn" type="button" class="btn btn-link addbtn" style="font-size: 11px; margin-top: -40px" id="addbtn"><font color="green"><b>+ Add</b></font></button>
        </div>
    </div>
    <div class="col-auto" id="col">
        <textarea class="form-control" rows="1" id="comment" cols="75" name="comment"></textarea>
    </div>
    <div class="col-auto" id="col">
        <form method="post" enctype="multipart/form-data">
            <div class="mb-4">
                <div class="row">
                    <div class="col-auto">
                        <input type="file" name="file" class="form-control" id="formAttachment" style="width: 500px" />
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>


<script>
    $(document).ready(function () {
        var addrow = 0;
        $("[name='row']").each(function () {
            addrow = addrow + 1;
            $(this).attr("id", "row" + addrow);
        });
    });
</script>

i tried manipulating the script each function but have not had any luck yet.