Comment passer un tableau dans l'attribut jQuery .data ()

Ok donc je veux passer un tableau très basique dans un côté serveur de données jquery comme ceci:

<div data-stuff="['a','b','c']"></div>

puis récupérez comme ceci:

var stuff = $('div').data('stuff');

alert(stuff[0]);

Pourquoi cela semble-t-il alerter '[' et non 'a' (voir le lien JSfiddle)

Lien JSFiddle: http://jsfiddle.net/ktw4v/3/

Il traite votre variable comme une chaîne dont l'élément zéro est [ .

Cela se produit car votre chaîne n'est pas un JSON valide , qui doit utiliser des guillemets doubles comme délimiteur de chaîne au lieu de guillemets simples. Vous devrez ensuite utiliser des guillemets simples pour délimiter toute la valeur d'attribut.

Si vous corrigez vos guillemets, votre code d'origine fonctionne (voir http://jsfiddle.net/ktw4v/12/ )

<div data-stuff='["a","b","c"]'> </div>

var stuff = $('div').data('stuff');

Lorsque jQuery voit du JSON valide dans un attribut de données, il le décompresse automatiquement pour vous .

Le déclarer comme attribut signifie qu'il s'agit d'une chaîne.

Ce stuff[0]serait donc équivalent à:var myString = "['a','b','c']"; alert(myString[0]);

Vous devez le faire ressembler à ceci:

<div data-stuff="a,b,c"></div>

var stuff = $('div').data('stuff').split(',');
alert(stuff[0]);

Rétractation: l'analyse de jQuery échoue car elle ne répond pas aux règles de parseJSON.

Cependant, je soutiendrai ma solution. Certains aspects des autres sont loin d'être idéaux, tout comme cette solution est loin d'être idéale à certains égards. Tout dépend de vos paradigmes.

Comme d'autres l'ont identifié, la valeur est traitée comme une chaîne et renvoie donc "[". Veuillez essayer ceci (aaa est le nom de la div et j'ai sorti les données):

$(function(){
    $.data($("#aaa")[0],"stuff",{"aa":['a','b','c']});
    var stuff = $.data($("#aaa")[0],"stuff").aa;
    alert(stuff[0]); //returns "a"
});

Une approche différente est publiée sur jsfiddle ; var stuff = $('div').data('stuff');stuff est une chaîne avec le 0ème caractère comme '['

Eh bien, var stuff = eval($('div').data('stuff'));devrait vous obtenir un tableau