从Javascript中类似数组的对象中检索数据

Question

我是Java语言的新手，并苦于以下问题：我在控制器中有带有哈希数组的Rails代码。 我将数组传递给视图，并使用以下代码遍历它：

<div id="coordinates">
  <%- @points.each_with_index do |point, index| %>
    <%= "The additional point number #{index+1} found for the parabola has the following co-ordinates: #{point}"%>
    <%= content_tag :div, '', class: "element_name", data: {x: point.each_key.first} do %>
    <% end %>
    <br>
  <% end %>
</div>

这个想法是找到所有带有“ element_name”类的元素，遍历它们并检索数据。 但是，这似乎不起作用。 我可以检索具有必需类名的所有元素，并对其进行遍历，但不能从每个元素中检索x的数据。

注意：问题不是以数组形式的对象形式获取元素或遍历它们，而是获取每个元素的数据。 具体来说，我需要检索x属性的数据。

我在JS文件中尝试了以下操作：

var index;
var a =  Array.prototype.slice.call($('.element_name'), 0)
for (index = 0; index < a.length; ++index) {
  a[index].data('x'); }

我得到的错误是“未捕获的TypeError：a [index] .data不是函数”。

还有其他方法可以从类似数组的对象（HTML集合）的每个元素中检索数据吗？

我仍然是Javascript和一般编程的新手，如果我错过了一些简单的事情，我深表歉意。

Answer 1

那是因为a[index]不是element的jQuery实例，因此它没有data()函数。 您可以尝试$(a[index]).data('x') 。