如何在Backbone视图中创建多个跨度

Question

我有一组模型数据需要在 div 中呈现，如下所示：

_.each(model.stages, function(stagesData){
                    this.$('.stageDate').text(stagesData.get('status'));
                    this.$('.stageStatus').text(stagesData.get('timestamp'));
                });

我正在尝试呈现该数据的HTML：

 <span class="stageDate"></span>
 <span class="stageStatus"></span>

现在正在发生的事情是它只在视图中显示模型中的最后一项而不是全部。我知道这是因为循环覆盖了先前创建的跨度，所以只是想了解它的方法是什么？请提出建议！

Answer 1

而不是text()：

this.$('.stageDate').text(stagesData.get('status'));

使用append()：

this.$('.stageDate').append('</p>' + stagesData.get('status') + '</p>');