javascript - 将关联数组添加到 jQuery 对象作为属性

Question

问候

如何将关联数组添加到 jquery 对象？

示例:

<div id = "element"></div>

$('#element').attr('_mynumber', 10);
console.log($('#element').attr('_mynumber'); // OK, _mynumber = 10

$('#element').attr('_myarray', [1,2,3,9,8,7]);
console.log($('#element').attr('_myarray'); // OK, _myarray = 1,2,3,9,8,7

$('#element').attr('_myassoc', {val1: 10, val2: [1,2,3,9,8,7]});
console.log($('#element').attr('_myassoc'); // FAIL, _mynumber = [object Object] (only as string), _mynumber.val1 = undefined

Answer 1

使用data来存储元素的附加信息，而不是attr。

$('#element').data('_myassoc', {val1: 10, val2: [1,2,3,9,8,7]});
console.log($('#element').data('_myassoc'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="element"></div>