请参阅Backbone视图的子元素

Question

刚刚渲染了这样的视图：

render: function() {
    this.$el.html(this.template(this.model.toJSON()));
    return this;
},

如何引用模板的子元素之一并对其应用jQuery函数？

Answer 1

Backbone Views公开a dollar $ function，它将使用jQuery，但在视图本身的上下文中。

this.$('.child_element_of_my_view_template')

即使视图已分离（$el不在DOM中），这也会起作用，但是只有在您想要选择的元素存在于视图中时才会显示（附加到$el）。

这意味着您可以在render功能的第一行之后安全地使用它。

Answer 2

这个。$ el现在是一个常规的jQuery元素，所以你可以在上面调用.children：

this.$el.children()

使用你需要的任何jQuery选择器，或者

之后的.eq（index）