Backbone.js:在视图中的click事件中使用jQuery应用类？

Question

我有一个非常基本的Backbone问题.我想在单击一个元素时应用一个类(使用jQuery).不幸的是我不知道如何使用Backbone视图执行此操作 - 我可以捕获click事件,但我不知道如何以jQuery可以理解的方式获取元素.

我的HTML看起来像这样:

<div id="options">
<ul>
<li>red</li>
<li class="selected">blue</li>
<li>green</li>
</ul>
</div>

更新 - 抱歉,我应该给出一个较少编辑的示例,真正的HTML实际上是这样的:

<li><img src="red.jpg"><h3>red</h3></li> 
<li class="selected"><img src="blue.jpg"><h3>blue</h3></li> 
<li><img src="green.jpg"><h3>green</h3></li> 

我的Backbone代码如下所示:

var SearchFormView = Backbone.View.extend({
el: $('#options'),
events: {
  "click li": "updateResults"
},
updateResults: function(e) {
  console.log('updateResults');
  $(this).toggleClass("selected");
}

});

它不能正常工作 - updateResults正在登录到控制台,但该类未被应用.我想这是因为我没有this正确使用.感谢任何建议.

Answer 1

Sup使用骨干事件时,this设置为视图.尝试使用e.target而不是this.