使用jQuery.data存儲項目列表

Question

我正在一個頁面上，我需要將一個對象列表與一行表關聯，我正在使用jQuery。

jQuery.data似乎只是將一段數據與一個鍵相關聯，而我需要更多

id=4,setting=2
id=3,setting=1
...

我不知道列表可能有多長，而且可能是空的。

這樣做有明智的方法嗎？

Answer 1

您可以將任何內容存儲為jQuery數據，因此您可以這樣做：

var myData = [ { id: 4, setting: 2 }, [ id:3, setting:1 ] };

$("#myitem").data("mydata", myData);

如果你想通過id選擇一些東西，你可以這樣做：

var myData = {};

myData[4] = 2;
myData[3] = 1;

$("#myitem").data("mydata", myData);

然后你可以像這樣訪問你的設置：

var value = $("#myitem").data("mydata")[3]; // returns 1

Answer 2

我現在沒有足夠的時間來嘗試它，但是為什么不存儲一個對象呢？

解釋jquery文檔......

$("div").data("blah", {id: 4,setting: 2});
var myBlah = $("div").data("blah");
var id = myBlah["id"];
var setting = myBlah["setting"];

讓我知道你是怎么辦的。

Answer 3

您可以使用數組來存儲列表和JSON對象來存儲鍵值對。

<div id="DIV1"></div>
<div id="DIV2"></div>
<div id="DIV3"></div>
<div id="DIV4"></div>
<table><tbody><tr id="TR1"><td><td/></tr></tbody></table>
<script type="text/javascript">
$(function() {
    $("#TR1").data("blah", [{id: 4, setting: 2}, {id: 3, setting: 1}]);
    $("#DIV1").text($("#TR1").data("blah")[0].id);
    $("#DIV2").text($("#TR1").data("blah")[0].setting);
    $("#DIV3").text($("#TR1").data("blah")[1].id);
    $("#DIV4").text($("#TR1").data("blah")[1].setting);
});
</script>