从Rails视图向javascript传递数据？

Question

我在将正确的数据从Rails html.erb视图文件传递到js文件时遇到麻烦。

我在控制器（@messages = Message.all）和html.erb视图文件中具有以下内容：

@messages.each do |x|
x.name
end

如果我有一个javscript文件，如何将特定消息的ID传递给它？

我正在尝试：

@messages.each do |x|
<span id="messageid" data-id="<%= x.id %>">
 <%=x.name%>
</span>
end

并在我的javascript文件中：

$("#messageemail").click(function(){
  var messageid = $("#messageemail").data('id');
alert(messageid);

这部分起作用，但是它只给我列表中第一条消息的ID。 我希望它给我单击邮件的具体ID

Answer 1

改为执行此操作，将一个class （而不是id添加到您的span元素中

<span class="message-class" data-id="<%= x.id %>">

在Javascript文件中

$(".message-class").on('click', function(){
  var messageid = $(this).attr("data-id");
  alert(messageid);
});

这将起作用！

Answer 2

在您的rails视图中：

<span  onclick="callJS(<%= x.id %>)">
 <%=x.name%>
</span>

在单击范围时，将调用callJS函数。

在js中：

// in your js file
 function callJS(x_id){
  console.log(x_id);
}