add associative array to jQuery object as attribute

Question

Greeting

Нow to add the associative array to an jquery object?

examples:

<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

"All!" that tone is not very welcomed here. But I guess you can use $e.data() — Adam Azad
– Adam Azad, Commented Aug 17, 2016 at 8:13

eisbehr · Accepted Answer · 2016-08-17 08:14:13Z

2

Use data to store additional information on an element instead of 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>

answered Aug 17, 2016 at 8:14

eisbehr

12.5k8 gold badges42 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Zhihar Over a year ago

big thanks! I've just came up with this method. But this method is very effective for frequent use?

eisbehr Over a year ago

That depends on what you mean by frequent. data is basically a getter and setter on an object. It would sure be faster if you build somthing on your own, but it is not slow, because it is pretty simple. @Zhihar

Zhihar Over a year ago

frequency: 5-10 times per second

Collectives™ on Stack Overflow

add associative array to jQuery object as attribute

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related