从数据属性中获取数据

getting data from data attribute

本文关键字：数据 获取 数据属性      更新时间：2023-09-26

我为一个链接上的用户设置了一个数据属性，像这样

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

在侦听click事件的javascript函数中，我执行了console.log(e.target)，并将整个内容打印到控制台。

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

如果我做console.log(e)，即没有e.p target，它记录jquery事件，但数据属性是未定义

data: undefined

我试图从数据属性拉用户名，但不知道如何从这个

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

和我不知道为什么数据是未定义的，当我只是记录事件。

如果你能帮我做这件事，我将非常感激。提前感谢。

你的HTML是…独特的吗?而不是:

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

试试这个:

data-user="<%= @user.name %>"
然后您可以使用标准的jQuery .data()技术(因为您提到了jQuery)获取数据:

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

您可以通过以下方式访问DOM对象中的数据:

var data = $(e.target).attr("data-user");
相关文章：