Javascript使用for循环累加器将数字添加到表格单元格ID答案

【问题标题】：Javascript adding number to table cell id using for-loop accumulatorJavascript使用for循环累加器将数字添加到表格单元格ID
【发布时间】：2015-09-24 17:41:34
【问题描述】：

我在这里有一个 for 循环，每次循环时都会附加一个表格行及其元素。我正在尝试附加一个 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')
                        )
                    );
            }

【问题讨论】：

标签： javascript for-loop html-table cell

【解决方案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')

【讨论】：