Pivotal Labs

Main menu

Skip to primary content
Skip to secondary content
  • About
  • Case Studies
  • Team
    • Executives
    • Locations
      • San Francisco (HQ)
      • Boston
      • Boulder
      • Denver
      • London
      • Los Angeles
      • New York
  • Community
    • Blogs
    • Tech Talks
    • Events
  • Careers
    • Lifestyle
    • Principles & Practices
    • Benefits
    • FAQ
    • Apply
  • Contact
    • Press Room
    • Press Releases
    • In The News
    • Press Kit
  • All
  • Labs
  • Standup
  • Tracker

Shorthand for searching a View’s DOM in Backbone

Mark Rushakoff
Thursday, August 16, 2012

Sometimes you use a pattern so frequently that you don’t realize that other people might not know about it. Here’s the most recent one for me — I was surprised that this wasn’t being used in the last few codebases I’ve seen:

If you’re using Backbone.js, instead of writing

view.$el.find('span.timestamp')

or worse

$(view.el).find('span.timestamp')

or

$('span.timestamp', view.$el)

Backbone provides a $ method such that you can simply write

view.$('span.timestamp')

It’s less to type and it doesn’t hurt readability.

  • 0 Shares
  • Share on Facebook
  • Share on Twitter

2 Comments

  1. Varand says:

    I was google-ing for this issue but couldn’t find correct answer anywhere.

    Your post helped me a lot.

    Thanks.

    August 23, 2012 at 1:13 am

  2. Bob says:

    Elegant solution. Thank you!

    September 27, 2012 at 12:29 am

Add New Comment Cancel reply

Your email address will not be published.

Mark Rushakoff

Mark Rushakoff
San Francisco

Recent Posts

  • git rebase vs. git merge: an agile perspective
  • An attitude shift as we approach production
  • Use fold to wrap long lines for an easier diff
Subscribe to Mark's Feed

Author Topics

agile (1)
git (2)
merge (1)
rebase (1)
attitude (1)
cloudfoundry (1)
incident-response (1)
production (1)
diff (1)
shell script (1)
text-wrapping (1)
unix (1)
gem (1)
ruby (8)
ci (1)
jenkins (1)
rspec (2)
chrome (3)
two-step-authentication (1)
headphones (1)
pair programming (1)
software engineering (1)
javascript (5)
css (2)
backbone (2)
bash (1)
html (2)
documentation (2)
rails (6)
tdd (1)
carrierwave (1)
imagemagick (1)
compass (1)
github (1)
firefox (3)
jasmine (1)
  • About
  • Case Studies
  • Team
  • Community
  • Careers
  • Contact
  • Labs
  • Events

Contact Us

contact@pivotallabs.com
+1 415-77-PIVOT
TwitterLinkedInFacebook

Pivotal Tracker

Tracker is the award-winning agile project management tool that enables real-time collaboration around a shared, prioritized backlog.
Visit pivotaltracker.com >