Backbone js: How to remove extra tag in view?

Question

I have the following template:

  

  ....

and the following view:

Answer 1

Another option that does not require modifying the template is to use setElement

setElement view.setElement(element)

If you'd like to apply a Backbone view to a different DOM element, use setElement, which will also create the cached $el reference and move the view's delegated events from the old element to the new one.

This will allow you to completely bypass tagName. You can leave tagName out of your View definition (it defaults to div anyways). You also do not have to worry about manually delegating your events or require that an element selector is known beforehand as referred to in the answer by @Brian Genisio, although those other methods will work too.

render: function () {
    this.setElement(this.template(this.model.toJSON()));
    return this;
}