Error in reading an array assigned to Data- in Jquery. I am using .data()

Question

I have the following HTML generated on the server through an AJAX call. Of course there is a lot more than this but the following line is relevant:

 <div id="mydiv" DATA-mylist='[ [0,0],  [1,0],  [4,1],  [6,1],  [7,1], ]'>...</div>

I need to extract the array assigned to DATA-mylist and assign it to a property as in:

 $('#somediv').mywidget({
     prop1 : 45, //For example
     arr_prop : $('#mydiv').data('mylist') 
 });

Here arr_prop expects an array. It is not getting one. I get the following error:

  Uncaught TypeError: Cannot use 'in' operator to search for '12' in [ [0,0], ..

I tried a few things to get it to work, other than using the .attr() method instead of .data() which I think is not the right approach anyway. I am possibly missing something very basic somewhere. Please help!

check the mywidget the data part works fine jsfiddle.net/28Kzh — melc
– melc, Commented Jan 12, 2014 at 13:54
You are probably right. Let me look further. Upvoted your comment. Thanks. — Sunny
– Sunny, Commented Jan 12, 2014 at 14:18

Ram · Accepted Answer · 2014-01-12 14:07:15Z

2

The last , in your array is the culprit:

<div id="mydiv" data-mylist="[ [0,0], [1,0], [4,1], [6,1], [7,1],]">...</div>
                                                           -----^

By adding the extra , .data() method returns a string instead of an array as it fails to parse the string, you can see the difference here.

edited Jan 12, 2014 at 14:07

answered Jan 12, 2014 at 13:57

Ram

145k16 gold badges174 silver badges201 bronze badges

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

7 Comments

Sunny Over a year ago

Does not take care of my problem. I changed the server side code to reflect your suggestion and generate without that extra comma. Same error persists. It worked earlier with the same string but I was generating the entire JS on the server side and generating using .attr() to get the array string. Will look further. Your answer was helpful. Upvoting it. If that was also a problem, will accept it too later.

Ram Over a year ago

@Samir In which line do you get that error, can you post the related code? It seems there is also another problem.

Sunny Over a year ago

The array I am referring to is the sortList property of tablesorter. See tablesorter.com/docs. I want to assign data-mylist value to that property. I am getting error on that line where sortList is assigned the value. If I write a static HTML with the same string/array, its fine. That is what is bugging me.

Ram Over a year ago

@Samir Unfortunately I haven't used tablesorter plugin so far, please check this and this.

Sunny Over a year ago

That should do it. Thanks.

|

Collectives™ on Stack Overflow

Error in reading an array assigned to Data- in Jquery. I am using .data()

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related