配列をjQuery.data（）属性に渡す方法

さて、次のように非常に基本的な配列をjqueryデータ属性サーバー側に渡したいと思います。

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

そして、次のように取得します。

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

alert(stuff[0]);

これが「a」ではなく「[」に警告するように見えるのはなぜですか（JSfiddleリンクを参照）

JSFiddleリンク： http ：//jsfiddle.net/ktw4v/3/

変数を文字列として扱い、その0番目の要素はです[。

これは、文字列が有効なJSONではないために発生します。JSONでは、一重引用符ではなく二重引用符を文字列区切り文字として使用する必要があります。次に、属性値全体を区切るために一重引用符を使用する必要があります。

引用符を修正すると、元のコードが機能します（http://jsfiddle.net/ktw4v/12/を参照）。

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

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

jQueryがデータ属性で有効なJSONを検出すると、自動的に解凍されます。

それを属性として宣言することは、それが文字列であることを意味します。

したがってstuff[0]、次と同等になります。var myString = "['a','b','c']"; alert(myString[0]);

次のようにする必要があります。

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

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

撤回：parseJSONのルールを満たしていないため、jQueryの解析は失敗します。

しかし、私は自分の解決策の後ろに立ちます。このソリューションがいくつかの点で理想的ではないのと同じように、他の側面には理想的ではない側面があります。すべてはあなたのパラダイムが何であるかに依存します。

他の人が識別したように、値は文字列として扱われるため、「[」を返します。これを試してみてください（aaaはdivの名前で、データを取り出しました）：

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

別のアプローチがjsfiddleに投稿されています; var stuff = $('div').data('stuff');stuffは、0番目の文字が「[」である文字列です。

さて、var stuff = eval($('div').data('stuff'));あなたに配列を取得する必要があります