Übergeben eines Arrays an das Attribut jQuery .data ()

Ok, also ich möchte ein sehr einfaches Array wie folgt an eine jquery data attrubute-Serverseite übergeben:

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

und dann wie folgt zurückerhalten:

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

alert(stuff[0]);

Warum scheint dies '[' und nicht 'a' zu alarmieren (siehe JSfiddle-Link)

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

Es behandelt Ihre Variable als Zeichenfolge, deren nulltes Element ist [.

Dies geschieht, weil Ihre Zeichenfolge kein gültiges JSON ist , bei dem anstelle von einfachen Anführungszeichen doppelte Anführungszeichen als Zeichenfolgenbegrenzer verwendet werden sollten. Sie müssen dann einfache Anführungszeichen verwenden, um den gesamten Attributwert abzugrenzen.

Wenn Sie Ihre Anführungszeichen korrigieren, funktioniert Ihr Originalcode (siehe http://jsfiddle.net/ktw4v/12/ ).

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

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

Wenn jQuery gültiges JSON in einem Datenattribut sieht, wird es automatisch für Sie entpackt .

Wenn Sie es als Attribut deklarieren, bedeutet dies, dass es sich um eine Zeichenfolge handelt.

Also stuff[0]wäre gleichbedeutend mit:var myString = "['a','b','c']"; alert(myString[0]);

Sie müssen es so aussehen lassen:

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

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

Rückzug: Das Parsen von jQuery schlägt fehl, weil es nicht den Regeln von parseJSON entspricht.

Ich werde jedoch hinter meiner Lösung stehen. Es gibt Aspekte der anderen, die weniger als ideal sind, genauso wie diese Lösung in mancher Hinsicht weniger als ideal ist. Alles hängt davon ab, was Ihre Paradigmen sind.

Wie andere identifiziert haben, wird der Wert als Zeichenfolge behandelt, sodass "[" zurückgegeben wird. Bitte versuchen Sie dies (aaa ist der Name des Div und ich habe das Datenmaterial herausgenommen):

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

Ein anderer Ansatz ist bei jsfiddle zu finden . var stuff = $('div').data('stuff');stuff ist eine Zeichenfolge mit dem 0. Zeichen als '['

Nun, var stuff = eval($('div').data('stuff'));sollte Ihnen ein Array besorgen