Backbone.js視圖

Question

我正在學習Backbone.js。 我正在寫mvc Todo列表進行研究。 我有這樣的代碼：

   var TaskView = Backbone.View.extend({
    el: '#tasks',
    model: Todo,
    events: {
        'click > li .delete-task' : 'removeTask',
        'click > li .complete-task' : 'completeTask'
    },
    removeTask : function () {
        console.log(this.get('model'));
    },
    completeTask : function () {

    }
});

因此，單擊時我無法獲得.delete-task。 例如，如果我單擊第三李中的.delete-task，我想獲得第三李。 我怎么能實現呢？

Answer 1

我找到答案。 我應該寫這樣的代碼：

var TaskView = Backbone.View.extend({
        el: '#tasks',
        model: Todo,
        events: {
            'click > li .delete-task' : 'removeTask',
            'click > li .complete-task' : 'completeTask'
        },
        removeTask : function (e) {
            console.log($(e.target));
        },
        completeTask : function () {

        }
    });

$(e.target)是當前元素。

Answer 2

您可以使用currentTarget來解決問題。

TaskView = Backbone.View.extend({
    el: '#tasks',
    events: {
        'click .delete-task' : 'removeTask'
    },
    removeTask : function (e) {
        alert($(e.currentTarget).text())
    },
});

演示