如何在Backbone.js中的click事件中获取jQuery元素(或属性)？

Question

我有以下代码:

HTML:

<div id='example'>
 <a href='#' data-name='foo' class='example-link'>Click Me</a>
 <a href='#' data-name='bar' class='example-link'>Click Me</a>
</div>

JavaScript的

example_view = Backbone.View.extend({
    el: $("#example"),
    events: {
      'click .example-link' : 'example_event'
    },
    example_event : function(event) {
      //need to get the data-name here
    } 
});

如何获取data-name在example_event函数内部单击的链接的属性？

Answer 1

试试这个.

example_event : function(event) {
  //need to get the data-name here
  var name = $(event.target).data('name');
} 

Answer 2

您也可以使用JavaScript的getAttribute方法在没有jQuery的情况下执行此操作:

example_event : function(event) {
  //need to get the data-name here
  var name = event.target.getAttribute('data-name');
}