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