Цикл jQuery через объект data()
Вопрос
Можно ли пройти через data()
объект?
Предположим, это мой код:
$('#mydiv').data('bar','lorem');
$('#mydiv').data('foo','ipsum');
$('#mydiv').data('cam','dolores');
Как мне пройти через это?Может each()
использоваться для этого?
Решение
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);
});
Вы могли бы просто воспользоваться предложением Мэтта Би, но вот как это сделать с тем, что у вас есть прямо сейчас.
Другие советы
$.each($.data(this), function(i, e) {
alert('name='+ i + ' value=' +e);
});
Это будет перебирать каждое свойство в объекте данных элемента «this».
Протестировано с помощью 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);
});
Я не думаю, что существует какая-либо функция, которая дает вам все «ключи» данных, добавленных с помощью 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);
}
Я только что попробовал это, но мне нужны были дополнительные значения данных.Если у вас также возникла эта «проблема», то должно работать следующее.
$('#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 );
});
Если мы используем .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>
.