Getting an id of an ruby object with jquery

Question

So i have ruby code that simply writes all of my objects down in some view

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

Now the trick is those are not posts itself, just the titles. how can i get the id of a specific post with jQuery? Of course User has_many :posts so every post has an id of its own.

i figured it could start like this...

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

but i dont really know if its a good direction or how to continue if it is...

Does the post have an id attribute in ruby? If so then do what they say below. — Marty Cortez
– Marty Cortez, Commented Sep 26, 2013 at 18:40
jQuery runs client-side, and only has access to the DOM, barring AJAX. Ruby runs server-side, and will have finished its execution long before the browser starts executing any JavaScript. The two cannot interact directly. — user229044
– user229044 ♦, Commented Sep 26, 2013 at 18:44

Nick Veys · Accepted Answer · 2013-09-26 18:37:56Z

3

You're already using data fields, it's extremely common to store information about objects in there:

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

Now it's in the element you select, so it should be something like:

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

That JavaScript is untested, but should give you the idea.

answered Sep 26, 2013 at 18:37

Nick Veys

24k5 gold badges49 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Marty Cortez · Accepted Answer · 2013-09-26 18:45:38Z

1

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

Will give you the id, and then, in your HTML, you should be able to find the id as shown in this fiddle: http://jsfiddle.net/gG2gs/2/

answered Sep 26, 2013 at 18:45

Marty Cortez

2,3531 gold badge18 silver badges22 bronze badges

Comments

house9 · Accepted Answer · 2013-09-26 18:39:44Z

0

render the post id into a data attribute

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

retrieve that client side with jquery

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

answered Sep 26, 2013 at 18:39

house9

20.7k9 gold badges57 silver badges62 bronze badges

Collectives™ on Stack Overflow

Getting an id of an ruby object with jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related