问题标签 [html5-data]

我需要使用动态属性名称验证 XML，例如data-*. 现在我使用的是 RelaxNG 模式，但它不支持动态属性名称。有什么选择？我找不到任何相关的东西..

XML 示例：

我正在尝试将上述对象作为属性分配给这样的元素：

但是在查看源代码时，它会出现在 HTML 中，例如：

我进一步尝试

它将输出正确记录，而不会被双引号破坏，就像将其分配给data-savereturn.

这个dataObj在jQuery.each循环中创建，然后分配给相应的 HTML 元素。

无法弄清楚 JSON 的中断，即空格后部分的截断和小写。

当单词之间没有空格时不会发生这种情况，即

更新：

在开始引号双 (")

将起始引号更改为单引号 (')

第二个看起来正确，但 JSON 仍然无效。

很抱歉格式不好。

所以我的问题是

我有两种下拉菜单，

第一个是基本的。它工作正常并将选择添加到mysql。

但我想要它更高级，这就是为什么第二个是这样的。

它不工作。无法弄清楚我应该把这个选择“汽车”的名称放在哪里，以便将其插入 mysql。因为现在它甚至不允许在之前运行良好的 mysql 表中插入其他信息。

data-*提交表单时，有没有办法为选定的单选按钮获取自定义 HTML5属性？该值似乎没有被serializeArray().

HTML

JavaScript

这会输出name和value字段，但我似乎无法找到有关data-*字段的简单答案。不幸的是，我需要所有三条信息才能对数据库记录执行更新，据我了解：

• 每个 ID 和 Value 字段必须是唯一的，
• 每个名称字段必须相同才能对元素进行分组。

我认为这个棘手的部分是与单个元素相比的多个元素。

如何使用 html5 的自定义数据属性使用 sortable.js 对项目进行排序。或者如何使用 sortable.js 定义自定义排序参数

例如在下面的代码中，我想用数据时间戳排序

我正在使用 Wordpress，我正在尝试在我的自定义子主题中使用 functions.php 中的 javascript 获取数据属性的值并将其分配给变量。

该页面呈现以下正文：

我正在尝试使用functions.php中的以下函数将“桌面”分配给变量：

然而，看着控制台我得到“空”。我究竟做错了什么？谢谢你。

编辑：我已将代码切换为使用 HTML5 中的数据集功能。因此，我现在有以下内容：

第一个 console.log 按预期返回正文，但第二个 console.log 仍返回“未定义”。

编辑2：这一定是语法问题，因为以下

将返回 body 元素的当前宽度（这解决了我的问题）；无论如何，为什么

不返回“桌面”值？谢谢你。

就像在类似的 StackOverflow 问题中解释的那样，在 vanilla JavaScript 中，我可以执行以下操作：

...为了将所有data-*属性作为一个对象。

但是，生成的对象不是“真正的”JSON 对象，布尔值和数字被引号包围。

下面是原生 JavaScript 和 jQuery 的比较：

我认为在 jQuery 中，jQuery('#my-element').data()在返回实际的 JSON 之前正在做“提升”数据的繁重工作。

由于我想使用 ES6 而不是 jQuery，并且我不想重新发明轮子（使用正则表达式/条件解析该值），我想问是否有一种快速的方法来完成这项工作。

我有一个带有一些键和值的对象，旨在分配给datasetHTML 元素的属性。我想获取将从这些键生成的数据属性的名称，如MDN 数据集文档的“名称转换”部分中的“camelCase to dash-style”所述。

如何从数据集属性名称转换为数据属性名称？我想出了一些可行的方法，并给出了答案，但我想知道是否有更简单或更优雅的方法，可能涉及我以某种方式忽略的内置函数。

我正在寻找一个转换单个名称的函数，或者一个转换具有键值对的对象的函数。

直到最近，每当我需要 HTML 中的自定义属性时，我总是使用HTML5 data-* 自定义属性。

最近开始尝试使用WebComponents，特别是自定义元素，我开始考虑自定义属性，这些属性不是HTML5 data-* 自定义属性。

在无意中采用任何不推荐的做法之前，我想澄清以下几点......

在下面的列表中，我们有 4 个元素：

• 元素 i是具有data-*属性的标准元素
• 元素 ii是具有自定义属性的标准元素
• 元素 iii是具有data-*属性的自定义元素
• 元素 iv是具有自定义属性的自定义元素

尽管上述设置在技术上有效，但以下哪项是正确的：

• A)自定义属性可以在标准元素和自定义元素中普遍使用。

  • 结论：元素i , ii , iii & iv都是有效的

• B)自定义属性只能用于自定义元素。它们在其他地方无效。

  • 结论：元素i、iii和iv有效，而ii无效

• C) Data-* 属性用于标准元素，自定义属性用于自定义元素。

  • 结论：元素i和iv有效，而ii和iii无效

• D）自定义属性甚至不是一回事。你是从哪里得到这个想法的？

  • 结论：元素i和iii有效，而ii和iv无效

添加：

为了说明我上面的问题，我想举一个自定义属性似乎无效的示例：

1. 转到：https ://validator.w3.org/nu/#textarea

2. 选择文本输入

3. 进入：

4. 检查标记

验证器返回错误：

错误：此时inverted元素上不允许使用属性。div

从第 10 行第 1 列开始；到第 10 行第 22 列

i</div>↩↩<div inverted="false">ii</di

虽然......我不确定https://validator.w3.org/nu/上的工具是否已过时和/或被放弃，返回的错误不应再被视为 2020 年的错误（？）