感谢您帮助学习如何做到这一点,假设我有一个类似于这个的代码。
骨干脚本:
$(function(){
var Band = Backbone.Model.extend();
var BandList = Backbone.Collection.extend({
model: Band,
url: 'feed1.json'
});
var BandsView = Backbone.View.extend({
template: _.template($('#bandlist_template').html()),
render: function(eventName) {
_.each(this.model.models, function(band){
var lTemplate = this.template(band.toJSON());
$(this.el).append(lTemplate);
}, this);
return this;
}
});
var lBands = new BandList;
var AppView = Backbone.View.extend({
el: "body",
render: function(){
var lBandsView = new BandsView({model:lBands});
var lHtml = lBandsView.render().el;
$('#bands').html(lHtml);
},
initialize: function(){
var lOptions = {};
lOptions.success = this.render;
lBands.fetch(lOptions);
}
});
var App = new AppView;
});
下划线js模板:
<script type="text/template" id="bandlist_template">
<?php echo "hello"; ?><li><%= band_name %> - <%= section %></li>
</script>
HTML:
<ul id="bands">
</ul>
杰森:
[
{
"id": "149",
"band_name": "Armthorpe Elmfield",
"section": "Fourth"
},
{
"id": "127",
"band_name": "Barnsley Chronicle",
"section": "Second"
},
{
"id": "155",
"band_name": "Barnsley Metropolitan Band",
"section": "Fourth"
}
]
好的。假设我想css
根据json
section
属性更改样式(只需要放 div 和样式只有 jsonsection
属性'Fourth'
)。那么如何过滤该属性并将其推送到另一个主干 js 中填充div
在同一ul
.
就像这个:
<ul id="bands">
</li>Armthorpe Elmfield - <div class="styled">Fourth</div><li>
</li>Barnsley Chronicle - Second<li>
</li>Barnsley Metropolitan Band - <div class="styled">Fourth</div><li>
</ul>