循环遍历jQuery Mobile列表视图数据属性

Question

我试图遍历jQuery Mobile列表视图的数据属性，但我只能得到最后一个元素，我真的不知道为什么。

 var listItems = $("li.placesList");
listItems.each(function (idx, li) {
    var $this = $(li);
    console.log($this.attr("id")); // It works as expected. It shows all ids
    console.log($this.data('distancia')); //It only shows the last item's data value  of the list

});

我在代码的另一部分中分配数据值的方式是：

 $('<li class="placesList"></li>').data({
    location: pointsArray[pointCount].Location,
    distancia: distancia
});

我知道这些数据正在正确添加。

在控制台中我看到了

正确值：

0.409 
0.26 

使用$ each（）循环，我看到三个正确的ID，但只看到最后一个元素的数据：

a //ID
0.26 
b //ID
0.26 

我做错了什么？提前谢谢。