jQuery loop through data() object

Question

Можно ли выполнить цикл через объект data()?

Пусть это мой код:

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

Как я цикл через это? Можно использовать each()?

Answer 1

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

Вы можете просто используйте матовые Б но это как сделать это с тем, что у вас есть прямо сейчас.

Answer 2

Я не думаю, что существует какая-либо функция, которая дает вам все «ключи» данных, которые были добавлены функцией 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); 
} 

Answer 3

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

Это будет проходить через каждое свойство в объекте данных этого элемента.

Answer 4

Испытано с 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); 
}); 

Answer 5

Я просто попытался это, но необходимы некоторые дополнительные значения данных. Если вы также получили эту «проблему», тогда должно работать следующее.

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

, то вы можете просто расширить со значением идентификатора

$.each($('#mydiv').data(),function(i, e) { 
    alert('name='+ i + ' name=' +e.name + ' id='e.id + ' price=' + e.price); 
}); 

Answer 6

Если мы используем .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, поэтому мы должны получить доступ таким же образом, например, loop в js/jQuery, например(below jQuery code)

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

OutPut :

Monday 
Tuesday 
Wednesday 
Thursday 

ПРИМЕЧАНИЕ: В консоли браузера это вернуть конкретный <DIV>.