Пример
$(document).ready(function(){
$("p").data("test1","Лето");
$("#but1").click(function(){
$("p").data("test2","Весна");
});
$("#but2").click(function(){
alert($("p").data("test2"));
});
$("#but3").click(function(){
var arr=[];
$.each($("p").data(),function(key,val){
var x=key+":";
x=x+val;
arr.push(x);
});
alert(arr.join(", "));
});
});
С помощью метода data Вы можете привязать, или извлечь ранее привязанные к элементу данные.
//Привяжем данные к выбранному элементу $(селектор).data(имя,значение) //Вернем привязанные к выбранному элементу данные с указанным именем $(селектор).data(имя) //Вернем все привязанные к выбранному элементу данные $(селектор).data()
селектор (обязательный параметр) Выбирает элемент, к которому будут привязаны данные (или возвращены ранее привязанные).
имя (необязательный параметр) Имя привязанных данных. Если Вы укажите только имя метод вернет данные с указанным именем. Если данный параметр опущен, метод вернет все ранее привязанные данные.
значение (необязательный параметр) Данные, которые будут привязаны к элементу.