보기 안의 HTML 요소에서 ID를 가져 오는 중 문제가 발생했습니다.

Question

백본 (Backbone) 달력 응용 프로그램을 만들고자합니다. 모델이 Event이고 EventView이고 DailyView입니다.

DailyView은 시간을 나타내는 셀 목록이 포함 된 표가 포함 된 템플릿을로드합니다 (예 : td #09). 셀을 클릭하여 id을 얻으려고하지만, 그럴 경우 실패합니다. 나는 대신에 el: div을 DailyView에서 참조하고 있다고 생각합니다.

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을 포함, 때로는 빈)의 서브 뷰와 같은 세포를 추가 생각했지만, 나는이 방법을 좋아하지 않는 내가이 DOM에 더 많은 elemtns를 추가하지 않으려는 것 그것이 꼭 필요한 경우는 예외입니다.

div 대신 td을 참조 할 수있는 방법이 있습니까? 이 게시물에서

Answer 1

: How to find the Id of model corresponding to clicked item?는

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