从 jQuery 对象获取 Ember 视图

Question

我知道如何从 DOM 中的 Ember 视图构造一个 jQuery 对象：

App.myView = Ember.View.extend({
  elementId: "my_view",

  didInsertElement: function(){
    console.log(this.$().attr('id'))  // outputs 'my_view'
  }
});


<!-- HTML output -->

<div id="my_view">
   <!--  ...   -->
</div>

反过来怎么样。给定一个 jQuery 对象，如何获取对应的 Ember View 对象。

function(selector){
   $el = $(selector);
   // ???
}

Answer 1

function getClosestEmberView($el) {
  var id = $el.closest('.ember-view').attr('id');
  if (!id) return;
  if (Ember.View.views.hasOwnProperty(id)) {
    return Ember.View.views[id];
  }
}