javascript - 使用 Backbone Collection 时，无法通过 Jquery 分别输出所有 JSON 项目

Question

我正在尝试将一些 json 数据提取到主干集合中，而不是在呈现视图时尝试在屏幕上显示。问题是我无法通过单击遍历 json 数据中列出的所有公司，即使它们显示在 console.log 上。我得到的唯一输出只是 json 数据中列出的第一家公司。我尝试使用每个功能，但没有太大成功。

 <div class="test">Click</div>

 <div class="new_test"></div> 

 <script>
 var myModel = Backbone.Model.extend();
 var myCollection = Backbone.Collection.extend({
 model: myModel,
 url : "myjson.json",
 parse : function(response){
 return response.employees;  
 } 
 })

 var jobs = new myCollection();

 var myView = Backbone.View.extend({

 el:'body',

 initialize : function(){

 jobs.fetch();
 this.render();
 },
 events:{
     'click div.test':'render'
},
render : function(){

jobs.each(function(myModel){
var _comp = myModel.get('company');
$('div.new_test').html(_comp);

console.log(_comp);
return this;
})
}
})
var yourView = new myView();


// json Data

{
"employees": [
     { "company":"ford" , "Type":"Doe" }, 
     { "company":"jaguar" , "Type":"Smith" }, 
     { "company":"merceded" , "Type":"Jones" }
             ]
}

Answer 1

那是因为这条线

$('div.new_test').html(_comp);

哪个覆盖HTML

您需要改为附加文本..您可以改用该append方法

$('div.new_test').append(_comp);

检查小提琴