重構骨幹查看代碼，以消除重複

Question

我已經創建了一個隱藏基於表元素的過濾器上被點擊「輸入」標籤的簡單骨幹查看：

var Filter = Backbone.View.extend({ 
tagName: "form", 
events: { 
    "click input[name='2013']" : "filter2013", 
    "click input[name='2012']" : "filter2012" 
}, 
filter2013: function() { 
    $("tr:contains('2013-')").toggle(); 
}, 
filter2012: function() { 
    $("tr:contains('2012-')").toggle(); 
}, 
render: function() { 
    this.$el.html(JST['acquisitions/filter']); 
    $("#filter-container").append(this.$el); 
    return this; 
} 
}); 

不優雅可言，尤其是如果我想要添加更多'輸入'元素，這將在視圖中導致更多自定義函數重複代碼。也許一個for循環結合jquery在網頁中查找數字（比如說2013,2012和2011等），並根據這些數據生成事件。或者，也許我需要將這些事件完全從視圖中取出。

有什麼建議嗎？

Answer 1

我想補充一個class到<input> S，說class="year"，使他們更容易找到，然後綁定點擊input.year事件，並搶出年度事件的currentTarget.name的。類似這樣的：

var Filter = Backbone.View.extend({ 
    // ... 
    events: { 
     "click input.year" : "filter_year" 
    }, 
    filter_year: function(ev) { 
     $("tr:contains('" + ev.currentTarget.name + "-')").toggle(); 
    }, 
    //... 
});