如何在类中存储ajax响应并在单击该元素时再次获取数据

Question

我通过ajax

在data获得了一些分析

我在班级class="' + data + '"

中存储数据

  $.each(response.d, function (i, data) {
                    var id = data.Soid;
                    var title = data.Name;
                    debugger;
                    $("#ulAchievementCarousel").append('<li id="' + id + '" title="' + title + '"><img src="../Images/DefaultImage.png" class="' + data + '" /><img src="../Images/trashIcon.png" class="trash" /></li>');
                });

现在我想在点击图片时获取这些数据： -

$("#ulAchievementCarousel img[src='../Images/DefaultImage.png']").live("click", function () {
        var str = $(this).attr('class');

和agian从该类中获取值并希望显示类似

的内容

var id = str.Soid;
var title = str.Name;

但问题是当我从课堂上获得str时，值为:[object Object]

Answer 1

您可以使用.data()作为在DOM元素中存储任意数据的地方：

var data = { foo: "bar" };
$("#myElement").data("stuff",data);

你可以稍后检索它：

var data = $("#myElement").data("stuff");
console.log(data.foo);      // writes "bar" in the console.

这是一个非常简单的fiddle来演示。