javascript - 从 Rails View 将数据传递给 javascript？

Question

我在将正确的数据从 Rails html.erb View 文件传递到 js 文件时遇到问题。

我的 Controller (@messages = Message.all) 和 html.erb View 文件中有以下内容:

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

这会起作用!