javascript - 如何在动态表中创建唯一的ID？

Question

我正在尝试为输入字段和按钮上的每个表行获取唯一的 ID。目前我表中的所有 id 都是相同的。我想为每个输入字段和保存按钮设置唯一的 ID。这是我的 HTML 代码:

<cfoutput query="qryTable" group="DateSch">
    <tbody> 
        <tr>
            <td rowspan="#StartTime#">#DateFormat(DateSch,'mm/dd/yyyy')#</td>
        </tr>
        <cfoutput>
            <tr>
                <td>#TimeFormat(StartTime,'hh:mm tt')#</td>
                <td>#TimeFormat(EndTime,'hh:mm tt')#</td>
                <td>
                    <label>
                        <input type="text" name="email" id="email" class="email" placeholder="example@gmail.com">
                        <input type="button" id="slot" name="slot" class="slot" value="Save" onClick="saveSlot('#TimeSlotID#')">
                    </label>
                </td>
            </tr>
        </cfoutput>
    </tbody>
</cfoutput>

正如您从上面的代码中看到的，我的输入字段 id 都是电子邮件，我的按钮 id 是插槽。我如何才能使它们对于每一行都是唯一的？如果有人可以提供帮助，请告诉我。

Answer 1

将currentRow添加到ID

<cfoutput query="qryTable" group="DateSch">
<tbody> 
    <tr>
        <td rowspan="#StartTime#">#DateFormat(DateSch,'mm/dd/yyyy')#</td>
    </tr>
    <cfoutput>
        <tr>
            <td>#TimeFormat(StartTime,'hh:mm tt')#</td>
            <td>#TimeFormat(EndTime,'hh:mm tt')#</td>
            <td>
                <label>
                    <input type="text" name="email" id="email#currentRow#" class="email" placeholder="example@gmail.com">
                    <input type="button" id="slot#currentRow#" name="slot" class="slot" value="Save" onClick="saveSlot('#TimeSlotID#')">
                </label>
            </td>
        </tr>
    </cfoutput>
</tbody>
</cfoutput>