jquery – Backbone js：如何删除视图中的额外标签？

我有以下模板：

<div class="row">
  <div></div>
  ....
</div>

以及以下观点：

var TestView = Backbone.View.extend({
    tagName: "div",template: $("#tests_template"),initialize: function () {
        _.bindAll(this,'clickbtn');
    },events:
    {
        "click .btn": "clickbtn"
    },render: function () {
            ....
            {
      });

问题是,它产生以下输出：

<div><div class="row">...</div></div>

我如何摆脱外部div？我尝试从视图中删除tagName属性,但它仍然放置div？

解决方法

更改模板以摆脱外部div：

<div></div>
  ....

然后,告诉视图使用类名创建div：

tagName: "div",className: "row"

或者,如果您想保留当前模板,请告诉View使用哪个el(假设它已存在于您页面上的某个位置)：

var testView = new TestView({el: $(".row")});

编辑你问你是否可以在初始化程序中执行此操作？当然,但您需要确保挂钩事件：

initialize: function () {
    this.el = $(".row");
    this.delegateEvents();
    _.bindAll(this,'clickbtn');
}

不过,老实说,前两个选项是更加去耦合的IMO.