jquery - 当我们单击该元素时，如何在类中存储 ajax 响应并再次获取数据

Question

我data通过 ajax 得到了一些东西

我在课堂上存储数据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.

这是一个非常简单的小提琴来演示。