javascript - データ属性からデータを取得する

Question

このようなリンクでユーザーのデータ属性を設定します

  <input type="button" class="btn" data-user={"user": "<%= @user.name %>"}  value="Start" id="game">

クリックイベントをリッスンするJavaScript関数でconsole.log(e.target)、すべてをコンソールに出力しました。

<input type="button" class="btn" data-user={"user": "<%= @user.name %>"}  value="Start" id="game">

console.log(e)e.target なしで ie を実行すると、jquery イベントがログに記録されますが、データ属性は未定義です

data: undefined

データ属性からユーザー名を取得しようとしていますが、これから取得する方法がわかりません

<input type="button" class="btn" data-user={"user": "<%= @user.name %>"}  value="Start" id="game">

イベントだけをログに記録すると、データが未定義になる理由がわかりません。

これで私を助けていただければ、とても感謝しています。前もって感謝します。

Answer 1

あなたの HTML は ... ユニークですか? これの代わりに：

data-user={"user": "<%= @user.name %>"}

これを試して：

data-user="<%= @user.name %>"

次に、標準の jQuery .data()手法を使用してデータを取得できます (jQuery について言及したため)。

var user = $('#game').data('user');

Answer 2

次のようにして、DOM オブジェクトからデータにアクセスできます。

var data = $(e.target).attr("data-user");