Backbone.js 主干JS选择赢得'；行不通

我有一个主干JS应用程序，它在UI上有一个select，如下所示：

events: 
  'change .color': 'changeColor'

changeColor: () ->
  idx = $(@el).find('.color').val()
  color = $(@el).find('.color').filter(idx).text()
  alert("Color is : #{idx}:#{color}")

（模板用玉石书写）

应用程序如下所示：

events: 
  'change .color': 'changeColor'

changeColor: () ->
  idx = $(@el).find('.color').val()
  color = $(@el).find('.color').filter(idx).text()
  alert("Color is : #{idx}:#{color}")

但是，当我运行它时，它只打印出正确的idx，而没有文本。我试图使用

$（@el）.find（'.color'）.filter（':selected'）.text（）
直接来说，它也不起作用。任何人都可以提供帮助？
您想使用.find（）而不是.filter（），因为filter将筛选select而不是child选项。因此：

$(@el).find('.color').find(':selected').text()

Ps主干会自动将查找添加到视图中，以便：

$(@el).find('.color');

相当于：

@.$('.color')