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

时间:2015-07-07 09:43:21

标签: javascript for-loop html-table cell

我在这里有一个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')
                        )
                    );
            }

1 个答案:

答案 0 :(得分:1)

您可以合并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')