问题标签 [html5-data]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
38447 浏览

ruby-on-rails - 如何用haml和rails做数据属性?

我可以有

它给我的下划线不是破折号,即

但是我想拥有HTML5 data-属性,即

但是当我尝试用破折号替换下划线时,即

我收到语法错误:

0 投票
1 回答
112 浏览

jquery - 在 .load 中使用数据属性作为发布数据

我可以使用数据属性将变量传递给 jquery .load 吗?

$_POST['pk'] 总是以未定义的形式结束。

非常感谢

0 投票
2 回答
66 浏览

javascript - 分配存储在 jQuery.data() 中的对象的各个键

我使用jQuery.data()方法将自定义数据存储在元素上。

我知道我可以访问存储在data-testusing中的对象的各个键

但是可以像这样重新分配 单个键吗?它有效,但没有记录。其次,在使用浏览器的开发工具检查元素时,在这种情况下我仍然看到旧值,即“apple”。JSFiddle

更新 - 找到更多相关的问答(不是真的重复,因为我的主要问题是关于分配对象的单个键)

0 投票
4 回答
693 浏览

javascript - 添加数据属性值不起作用

我正在尝试将具有值的数据属性添加到 li,但由于某种原因它不起作用。我以前在 div 上做过这个,但由于某种原因它现在不能正常工作。

这是我的 jsfiddle http://jsfiddle.net/76MDE/1/

这是我的代码。

0 投票
2 回答
16107 浏览

jquery - 将自定义数据属性插入 JQuery DataTables

问题:

  • 我正在将 JQuery DataTables v1.10 用于与工作相关的项目。
  • 该项目需要定义和创建一个数据表,并将解析的 JSON 数据作为表的值传入
  • 创建数据表后,每列中的每个单元格都应该有一个单击事件,该事件会打开一个弹出窗口并以 JSON 格式传入从端点接收的名称列表。端点会根据单击的表格单元格而变化。

  • 我认为,在数据表实例化时,我需要在每个表格单元格元素上定义的 HTML5 数据属性中存储某种独特的信息。我希望声明一个自定义数据属性(例如:data-endpoint =“endpoint id”),但我不确定如果表行是通过 DataTables 动态生成的,是否可以这样做。

因为我不知道/不了解我的选择是什么,所以我想描述一下我最想做的事情:

  • 实例化一个数据表并将解析的 JSON 数据传递给它。
  • 在表格实例化时,在每个表格单元格元素上设置自定义数据属性。
  • 访问表格单元格单击事件,将存储在正确数据属性中的信息传递给它,以获取正确的端点。
  • 创建一个显示从端点接收到的结果的 popin。

我不明白的部分是如何在表格单元格元素上创建自定义数据属性。这是可能的还是我需要考虑另一种方法。任何帮助都深表感谢!

0 投票
1 回答
347 浏览

javascript - 带有 data-* 属性的 jQuery 选择器

我正在尝试实现一个 jQuery 选择器,它选择所有具有 data-xy-* 属性的元素。如果我们知道完整的数据属性,我知道如何选择元素:

$("[data-xy-a]")会给我所有具有数据属性的元素data-xy-a

我的问题是元素可以有任何值而不是a. 我想要类似的东西:

0 投票
4 回答
93 浏览

javascript - jquery 1.6.2 数据属性的奇怪行为

我通过javascript动态生成了这个html:

查询:

当我在单击事件中写入alert($(this).prop("data-id"))时,它是未定义的,但是当我这样做时,它会按预期alert($(this).data("id"))给我“2” 。

如果我将属性更改data-id为它data-TaskId返回undefined和.prop()data()

谁能解释为什么会这样?

小提琴演示问题

0 投票
1 回答
251 浏览

asp.net-mvc - 添加 html5 日期属性

如何将 html5 数据属性添加到 MVC EditorFor 字段。我知道我可以添加这样的属性:

但是当我想对 data-* 属性做同样的事情时,这是这个元素的正确 html5 语法,我得到一个错误!例子:

这是我收到的错误

无效的匿名类型成员声明符。必须使用成员分配、简单名称或成员访问来声明匿名类型成员。

当前上下文中不存在名称“数据”

当前上下文中不存在名称“test”

0 投票
2 回答
4063 浏览

jquery - Jquery 使用 html5 数据属性隐藏和显示

我正在尝试使用带有 html5 属性的 jquery 显示和隐藏方法。

这是我正在尝试做的事情:

.html 文件:

脚本:

我正在使用 jquery 隐藏所有带有 data-location="paris" 的 div。我不知道为什么我做不到。帮助?

0 投票
2 回答
1560 浏览

jquery - jquery隐藏下拉列表中的元素

我需要显示具有从下拉列表中选择的属性的元素并隐藏所有其他元素

现在,如果我选择 7,则必须隐藏除 7 之外的所有元素。

我如何使用 jquery hide() 做到这一点?

注意:我有多个具有相同数据属性的元素,我无法隐藏所有具有“test”类的元素。我必须隐藏属性不是 7 的元素。