jquery - html5データ属性にアクセスするjQuery

Question

「ul li a」からデータ値を取得して下のボタンに配置しようとしているオプションの1つをクリックすると、ここでフィドルの例を設定しました: http://jsfiddle.net/q5j8z/4 /

しかし、それを機能させることはできません

$('ul li a').click(function(e) {
    e.preventDefault();

    var value = $(this).data();

    $('.button').data('value');
});

アイデアはありますか？

score 0 · Accepted Answer

Jquery が自動的に指定するため、data- プレフィックスを指定する必要はありません。

したがって、以下の値に正しい属性を使用していることを確認してください

$('ul li a').click(function(e) {
    e.preventDefault();
    var value = $(this).data('value');
    $('.button').data('value', value);
});

score 0 · Accepted Answer

まず、変数valueの値または「値」リテラルを挿入しようとしていますか?

data()以下のように同様に使用することを意図していattr('attr-name', attr_value)ます:

$('ul li a').click(function(e) {
    e.preventDefault();  
    var value = $(this).data('value');
    $('.button').data('value', value);
});

上記はフィドルで機能します。

6 に答える 6