Backbone js:如何删除视图中的额外标签？

在使用 Backbone.js 时，如果在视图中遇到了额外的标签，可以通过以下方法删除这些标签：

使用 tagName 属性设置视图的标签类型。例如，如果您希望视图使用的标签是 <div>，则可以在视图中设置 tagName: 'div'。

var MyView = Backbone.View.extend({
  tagName: 'div',
  render: function() {
    this.$el.html('<p>Hello, world!</p>');
    return this;
  }
});

使用 className 属性设置视图的类名。这将允许您在视图中使用自定义类，而不是额外的标签。

var MyView = Backbone.View.extend({
  className: 'my-view',
  render: function() {
    this.$el.html('<p>Hello, world!</p>');
    return this;
  }
});

使用 el 属性将视图绑定到现有的 DOM 元素。这样，您可以避免在视图中添加额外的标签。

var MyView = Backbone.View.extend({
  el: '#my-element',
  render: function() {
    this.$el.html('<p>Hello, world!</p>');
    return this;
  }
});

使用 events 属性将视图中的事件绑定到特定的元素。这样，您可以确保只有所需的元素触发事件。

var MyView = Backbone.View.extend({
  events: {
    'click .my-button': 'onButtonClick'
  },
  render: function() {
    this.$el.html('<button class="my-button">Click me!</button>');
    return this;
  },
  onButtonClick: function() {
    console.log('Button clicked!');
  }
});

通过使用这些方法，您可以确保视图中不会出现额外的标签，从而使您的代码更加简洁和高效。