backbone.js - events, knowing what was clicked

javascript jquery backbone.js underscore.js
Matthew picture Matthew · Apr 15, 2011 · Viewed 44.7k times · Source

In one of my backbone.js view classes, I have something like:

...

events: {
  'click ul#perpage span' : 'perpage'
},

perpage: function() {
  // Access the text of the span that was clicked here
  // Something like: alert($(element).text())
},

...

because my per page markup might have something like:

<ul id="perpage">
  <li><span>5</span></li>
  <li><span>10</span></li>
</ul>

So how exactly can I find information about the element that caused the event? Or in this instance, that was clicked?

Answer

Jamie Wong picture Jamie Wong · Apr 15, 2011

Normally on an event bind, you would just use $(this), but I'm fairly sure Backbone views are set up so that this always refer to the view, so try this:

perpage: function(ev) {
   alert($(ev.target).text());
}

REALLY LATE EDIT: You probably want to use $(ev.currentTarget). See dicussion on pawlik's answer below

Related questions

Lodash .clone and .cloneDeep behaviors

I try to clone an array of objects with nested objects. Something like: var data = [ { id: 1, values: { a: 'a', b: 'b' } }, { id: 2, values: { c: 'c', d: 'd' } } ]; _.Clone With the _.clone method and the isDeep parameter at true: var clone = _.…

Read More
backbone.js - handling if a user is logged in or not

Firstly, should the static page that is served for the app be the login page? Secondly, my server side code is fine (it won't give any data that the user shouldn't be able to see). But how do I make …

Read More
Backbone.js - id vs idAttribute vs cid

I've been studying Backbone.js for a few weeks, and I feel comfortable using views with models, routers, and collections. I still have some big gaps: What is the connection between id, cid, and idAttribute? How do they affect each …

Read More