从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添加到span元素而不是id

<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);
}