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

Question

I have the following code:

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

how can I get the data-name attribute of the link that was clicked inside of the example_event function ?

Answer 1

Try this.

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

Answer 2

You can also do this without jQuery using JavaScript's getAttribute method:

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