Как получить элемент «this» в событии clickbone click?

Question

Когда я нажимаю что-то, я хотел бы что-то сделать с этим элементом (т. Е. Добавить класс), хотя я не считаю, что этот «этот» элемент в моем обработчике событий на самом деле является этим элементом. Вот пример немного моего кода:

var ApplicationRouter = Backbone.Router.extend({ 

    routes: { 
     "": "home", 
     "firstthing": "firstthing", 
    }, 

    firstthing: function() { 
     $(this).addClass('active'); 
    } 
}); 

var ApplicationView = Backbone.View.extend({ 

    el: $('body'), 

    events: { 
     'click #something': 'displayFirstThing' 
    }, 

    initialize: function(){ 
     this.router = new ApplicationRouter(); 
     Backbone.history.start(); 
    }, 

    displayFirstThing: function(){ 
     this.router.navigate("firstthing", true); 
    }, 
}); 

new ApplicationView(); 

Я хотел добавить класс «активный» в #something. У меня будет больше событий, которые будут иметь разные классы и т. Д., Но теперь я хочу, чтобы некоторые из них были утеряны.

Также, принимая любые предложения по структуре кода!

Answer 1

Магистраль передает объект события в качестве первого аргумента функции обратного вызова, из которого можно использовать currentTarget свойства для работы с элементом, который получил это событие. Например.

вар ApplicationView = Backbone.View.extend ({

el: $('body'), 

events: { 
    'click #something': 'displayFirstThing' 
}, 

// ... other code 

displayFirstThing: function(event){ 
    $(event.currentTarget).addClass('active'); 
}, 

});

Answer 2

Я бы предложил хранить элементы, которые вы хотите получить в свойствах вида.

т.е.

var ApplicationView = Backbone.View.extend({ 

    el: $('body'), 

    events: { 
     'click #something': 'displayFirstThing' 
    }, 

    render: function() { 
     // render the view 
     // store the link element in a property 
     this.$something = this.$('#something'); 
    }, 

    displayFirstThing: function(){ 
     this.$something.addClass('someclass'); 
    }, 
});