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

How to get the jQuery element (or attributes) in a click event in Backbone.js?

本文关键字:元素 获取 jQuery 属性 事件 Backbone js      更新时间:2023-09-26

我有以下代码:

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
    } 
});

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

试试这个。

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

你也可以使用 JavaScript 的 getAttribute 方法在没有 jQuery 的情况下做到这一点:

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