2012-05-09 4 views
21

私は、次のコードを持っている:Backbone.jsのclickイベントでjQuery要素(または属性)を取得する方法は?

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属性を取得することができます関数 ?

答えて

40

これを試してください。

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

は、あまりにも、私のために働きました! – HPWD

17

また、JavaScriptののgetAttributeメソッドを使用してjQueryのせずにこれを行うことができます。

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

これはCoffeeScriptを使用して私のために働いた、受け入れられた答えはしなかった。 – crmpicco

+0

いずれかの答えが正確にcoffeescriptに変換された場合は正常に動作します –

関連する問題