Javascript使用for循环累加器向表单元格id添加数字

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

本文关键字:单元格 id 添加 数字 表单 使用 for 循环 累加器 Javascript      更新时间:2023-09-26

这里有一个for循环,每次循环时附加一个表行和它的元素。我正试图追加一个td id以及供将来使用。但为了防止id重复,我必须确保每个id都是唯一的。无论如何,我可以添加数字后,我当前的td ID,访问者的变化使用循环累加器?

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')
                        )
                    );
            }

您可以将stringnumber组合,因此其值可以设置为动态

.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')