从视图中的HTML元素获取id的问题

Question

我正在尝试做一个Backbone日历应用程序。我有一个模型Event,EventView和DailyView。

DailyView加载一个模板，其中包含一个表格，其中包含表示小时的单元格列表（例如：td #09）。我想单击单元格并获得它的id，但是当我这样做时，我失败了。我想我引用DailyView中的el: div而不是td。

DailyView = Backbone.View.extend({ 
    tagName: "div", 
    template: _.template($('#daily-view').html()), 

    events: { 
     'click td': 'onClick' 
    }, 
    initialize: function(){ 
     _.bindAll(this, 'render'); 
     this.model.bind('change', this.render, this); 
     this.render(); 
    }, 
    render: function(){ 
     $(this.el).html(this.template(this.model.toJSON())); 

     return this; 
    }, 
    onClick: function(){ 
     var hour= $(this.el).attr("id"); 
     //This doesn't work 
    } 

我想过加入细胞作为子视图（有时是空的，有时含有Event），但我不喜欢这种方式，我不希望更多的elemtns添加到DOM除非这是绝对必要的。

有没有办法可以参考td而不是div？

Answer 1

从这个帖子：How to find the Id of model corresponding to clicked item?

onClick: function(e){ 
    var hour = e.currentTarget.id; 
    //This does work ? 
}