Javascript 使用 for 循环累加器将数字添加到 table 单元 ID

Question

我这里有一个 for 循环，它在每次循环时附加一个 table 行及其元素。我正在尝试附加一个 td id 以供将来使用。但是为了防止 id 重复，我必须确保每个 id 都是唯一的。无论如何我可以在我当前的 td ID 后添加数字，visitorChanges 使用循环累加器？

for (var i = 0; i < datas.date.length; i++) {
                eachDay = dayShortToLong[datas.date[i]];
                totalVisitor = datas.valueIn[i];
                totalVisitorLastWeek = datas.lastValueIn[i];

                    $("#tableMonthlyTrend").find('tbody')
                    .append($('<tr>')
                        .append($('<td class="tableContentDay">')
                        .text(eachDay)                                
                        )
                        .append($('<td class="tableContent">')
                            .text(totalVisitor)
                        )    
                        .append($('<td class="tableContent">')
                            .text(totalVisitorLastWeek)
                        )
                        .append($('<td id="visitorChanges" class="tableContent">')
                            .text('No Changes')
                        )
                    );
            }

Answer 1

您可以结合使用 string 和 number，这样它的值就可以动态设置

.append($('<td id="visitorChanges" class="tableContent">')

改为

.append($('<td id="visitorChanges' + i + '" class="tableContent">')

或者你可以在创建后设置td的id:

$('<td class="tableContent">').attr("id", "visitorChanges" + i).text('No Changes')

Javascript 使用 for 循环累加器将数字添加到 table 单元 ID

Javascript adding number to table cell id using for-loop accumulator

javascript

for-loop

html-table

cell