jquery - 遍历来自 span 标签的数据

Question

我正在尝试从我拥有的几个 span 标签中选择数据，第一个标签记录在控制台中，但之后的值为“未定义”

生成span标签的erb:

<%= image.connections.each do |conn| %>
    <span class="connection" data-pos-x="<%= conn.pos_x %>"></span>
    <span class="connection" data-pos-y="<%= conn.pos_y %>"></span>
<% end %>

我的 jQuery 是:

console.log($("span").attr('data-pos-x'));
console.log($("span").attr('data-pos-y'));

erb 生成了多个 x-y 坐标，因此我需要一种方法来遍历所有坐标，但我不确定该怎么做。

Answer 1

$("span.connection").each(function() {
    var xpos = $(this).data('pos-x');
    var ypos = $(this).data('pos-y');
    if (xpos !== undefined) {
        console.log("X: "+xpos);
    }
    if (ypos !== undefined) {
        console.log("Y: "+ypos);
    }
});