Получение идентификатора объекта рубинового с JQuery

Question

Так у меня есть рубин код, который просто записывает все мои объекты вниз в какой-то точки зрения

%ul 
    - @user.posts.each do |post| 
     %li {data: {role: "choosable-post"}} 
      = post.title 

Теперь фокус в том числе не отправляет себя, только заголовки. как я могу получить идентификатор определенной должности с помощью jQuery? Конечно, User has_many :posts, поэтому каждый пост имеет свой собственный идентификатор.

я полагал, что это может начаться, как это ...

$("li[data-role=choosable-post]").onclick -> 
    my_object = @(this) 

, но я действительно не знаю, если его хорошее направление или как продолжить работу, если это ...

Answer 1

Вы уже используете поля данных, это очень общие для хранения информации об объектах там:

%ul 
    - @user.posts.each do |post| 
    %li {data: {role: "choosable-post", id: "#{post.id}"}} 
     = post.title 

Теперь в элементе вы выбираете, поэтому оно должно быть что-то вроде:

$("li[data-role=choosable-post]").onclick -> 
    my_object_id = $(this).data('id') 

Этот JavaScript не проверен, но должен дать вам эту идею.

Answer 2

оказывают идентификатор сообщения в атрибуте данных

%li {class: "post-container", data: {role: "choosable-post", post-id: post.id}} 

получить ту сторону клиента с помощью JQuery

$(".post-container").click -> 
    li = $(this) 
    console.log(li.data('post-id')) 

Answer 3

%ul 
    - @user.posts.each do |post| 
    %li {data: {role: "choosable-post", id: "#{post.id}"}} 
     = post.title 

Даст вам id, а затем, в вашем HTML, вы должны можно найти id, как показано на этой скрипте: http://jsfiddle.net/gG2gs/2/