25

是否可以循环遍历data()对象?

假设这是我的代码:

$('#mydiv').data('bar','lorem');  
$('#mydiv').data('foo','ipsum');  
$('#mydiv').data('cam','dolores');

我该如何循环呢?可以each()用于这个吗?

4

6 回答 6

22
$.each($.data(this), function(i, e) {
   alert('name='+ i + ' value=' +e);
});

这将遍历“this”元素的数据对象中的每个属性。

于 2010-06-01T20:09:20.217 回答
15

jQuery 将所有数据信息存储在 jQuery.cache 内部变量中。使用这个简单但有用的插件可以获取与特定对象关联的所有数据:

jQuery.fn.allData = function() {
    var intID = jQuery.data(this.get(0));
    return(jQuery.cache[intID]);
};

有了这个,你可以这样做:

$('#myelement').data('test1','yay1')
               .data('test2','yay2')
               .data('test3','yay3');

$.each($('#myelement').allData(), function(key, value) {
    alert(key + "=" + value);
});

您可以只使用 matt b 的建议,但这就是您现在所拥有的方法。

于 2009-04-21T13:49:33.273 回答
10

使用 jQuery 1.4 和来自@user292614 的提示进行了测试,以下工作:

$('#mydiv').data('bar','lorem');  
$('#mydiv').data('foo','ipsum');  
$('#mydiv').data('cam','dolores');

$.each( $('#mydiv').data(),function(i, e) {
   alert('name='+ i + ' value=' +e);
});
于 2010-06-24T13:07:33.733 回答
9

我不认为有任何函数可以为您提供已添加该data()函数的数据的所有“键”,但是,为什么不将所有数据放入对象/映射下的函数中呢?

像这样的东西:

var container = new Object();
container.bar = "lorem";
container.foo = "ipsum";
container.cam = "dolores";
$("mydiv").data("container", container);

然后当你想读取数据/遍历它时:

var blah = $("mydiv").data("container");
for(key in blah) {
    var value = blah[key];
    //do whatever you want with the data, such as:
    console.log("The value of ", key, " is ", value);
}
于 2009-04-21T13:42:54.020 回答
0

我刚刚尝试过,但需要一些额外的数据值。如果您也遇到了这个“问题”,那么以下应该可以工作。

$('#mydiv').data('bar', {name:'lorem', id:'156', price:'199'}); 

那么您可以简单地使用值 id 进行扩展

$.each( $('#mydiv').data(),function(i, e) {
   alert('name='+ i + ' name=' +e.name + ' id='e.id + ' price=' + e.price );
});
于 2010-11-16T09:56:34.450 回答
0

如果我们使用 .data() 意味着它存储与匹配元素关联的任意数据,或者在命名数据存储中返回匹配元素集中第一个元素的值。

如果 .data() 在循环中,所以我们必须在循环中以相同的方式访问它,例如(下)

<p class="weekday" data-today="monday">Monday</p>
<p class="weekday" data-today="tuesday">Tuesday</p>
<p class="weekday" data-today="wednesday">Wednesday</p>
<p class="weekday" data-today="thursday">Thursday</p>

我循环中的 html 并且data-today在所有标签中都是相同的,但它们的值不同,所以基本上它是循环生成的html,所以我们必须以相同的方式访问,即循环js/jQuery输入例如(below jQuery code)

$('.weekday').each(function(){ $(this).data('today'); });

OutPut :

Monday
Tuesday
Wednesday
Thursday

注意:在浏览器控制台中,它返回特定<DIV>的 .

于 2017-04-10T04:33:18.863 回答