javascript - 参考 Backbone 视图的子元素

Question

刚刚渲染了一个像这样的视图：

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

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

score 14 · Accepted Answer

骨干视图公开了一个美元$函数，该函数将在幕后使用 jQuery，但在视图本身的上下文中。

this.$('.child_element_of_my_view_template')

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

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

score 1 · Accepted Answer

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

this.$el.children()

使用你需要的任何 jQuery 选择器，或者在它之后使用 .eq(index)

2 回答 2