How to retrieve an objects id using jquery

Question

I have the following 2 links which are formed in a ruby rails .each do block:

<%= link_to "Reply", '#', class: 'reply-link', id: "reply-#{sender}" %>
<%= link_to "Resolved", '#', class: 'complete-link', id: "resolved-#{sender}" %>

I want to be able to do something like this but I'm not sure how to extract the rails record id (#{sender}) in the ajax post.

$('.reply-link').click(function(event) {
 event.preventDefault();
  $.ajax({
  type: 'POST',
  url: '/messages/complete?sender='+$(this).attr("id")
 });
});

The $(this).attr("id") above obviously returns reply-1 instead of 1

link_to "Reply", '#', class: 'reply-link', id: "reply-#{sender}" you're setting the id to "reply-number"? — GuyT
– GuyT, Commented Feb 13, 2014 at 7:43

Radko Dinev · Accepted Answer · 2014-02-13 07:47:02Z

2

You can use a data-* attribute as well, if it fits your needs:

<%= link_to "Reply", '#', class: 'reply-link', data: { id: sender } %>
<%= link_to "Resolved", '#', class: 'complete-link', data: { id: sender } %>

You can then use

$('.reply-link').data('id')
$('.resolved-link').data('id')

which is cleaner instead of putting "reply-" and "resolved-" strings in the id attribute and then having to do string manipulations.

answered Feb 13, 2014 at 7:47

Radko Dinev

8867 silver badges15 bronze badges

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

Comments

Adil · Accepted Answer · 2014-02-13 07:41:06Z

0

You are getting the correct id, if you need number then need to remove string reply- from the id.

$(this).attr("id").replace("reply-", "");

answered Feb 13, 2014 at 7:41

Adil

148k25 gold badges217 silver badges207 bronze badges

1 Comment

Adil Over a year ago

Thanks @RUJordan, so nice of you.

Steve Robinson · Accepted Answer · 2014-02-13 07:44:06Z

0

You can use the split method to get your id like so:

$(this).attr("id").split("-")[1];

But a cleaner and better solution would be to go for the data attribute. In this case, you would store the id like this:

<%= link_to "Reply", '#', class: 'reply-link', data-id: sender %>

You can retrieve this with the data method:

var id = $(this).data("id");

An added advantage of this is the fact that data attributes get cached by JQuery.

answered Feb 13, 2014 at 7:44

Steve Robinson

3,9393 gold badges43 silver badges61 bronze badges

Comments

Alok Anand · Accepted Answer · 2014-02-13 07:55:22Z

0

$(this).attr("id")

is returning correct id "reply-1" for the element. But you need number out of that id attribute, so do the following:--

$(this).attr("id").split("-")[1]

answered Feb 13, 2014 at 7:55

Alok Anand

3,3761 gold badge22 silver badges17 bronze badges

Comments

Arivarasan L · Accepted Answer · 2014-02-13 09:00:37Z

-1

try this,

$('.reply-link').click(function(event) {
 event.preventDefault();
  $.ajax({
  type: 'POST',
  url: '/messages/complete?sender='+$(this).attr("id").split("-")[1]
 });
});

edited Feb 13, 2014 at 9:00

answered Feb 13, 2014 at 7:44

Arivarasan L

10.1k2 gold badges42 silver badges50 bronze badges

2 Comments

Arivarasan L Over a year ago

$(this).attr("id").split("reply-")[1] will give you the id e.g: for "reply-1" it will give you "1".

Steve Robinson Over a year ago

Yes you are right. It will work. But its not the ideal usage of the split function.

Collectives™ on Stack Overflow

How to retrieve an objects id using jquery

5 Answers 5

Comments

1 Comment

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related