问题标签 [custom-data-attribute]

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 投票
1 回答
650 浏览

javascript - 使用 data 属性使用 javascript 编辑内容有什么缺点吗?

我正在开发一个简单的网络应用程序,我需要在某些事件或条件后更新显示的数据。这些数据分散在许多不同的地方和完全独立的标记结构中。我过去使用过类,但在使用类编辑数据时发现了一些危险的情况,这让我感到很痛苦(尤其是当我们使用 OOCSS 并且我们想要更改许多类并且不应该绑定到 js 数据或行为时) . 下面的解决方案在这方面应该是防弹的,但我从来没有见过它使用过,我担心我可能会遗漏一些东西。像下面这样的解决方案有什么缺点吗?

下面的示例代码 - 使用 jQuery

以下可能绑定到特定的数据更改事件:

});

标记将在某些地方是这样的:

标记将在其他地方包含其他数据,但在完全不同的 html 结构中。

0 投票
1 回答
5758 浏览

jquery - jQuery 读取数据属性,隐藏/显示正确的 div

我试图在行上制作一个带有数据属性的表格,并且能够在点击时显示具有相同数据属性的 div。如果它使 jquery 功能更容易/更智能,我可以添加更多数据属性。

需要一些帮助才能让一切都变得美好:)

提前致谢!

编辑:jsFiddle 链接:http: //jsfiddle.net/MXpnQ/

0 投票
2 回答
1524 浏览

javascript - HTML 数据属性 IE6 支持

HTML 的数据属性在 IE6 中有效吗?

我正在使用这样的属性<img id="charm_1" data-code='sdfsdfsdfsdf' data-price='100' class='addition_image' src="img/misc/donut.png" width="55" height="55" alt="Donut">

如您所见,有 2 个数据属性(价格和代码)。我可以使用 jQuery 使用该.data()方法得到这个,这一切似乎都适用于 IE7/8/9。这在IE6中有效吗?我没有 IE6 的副本来测试这个。

0 投票
5 回答
257 浏览

jquery - jQuery:找到包含部分 URL 的 div 并将 ID 添加到 div

我的代码中有一个 div 列表,其中分配了一个自定义数据属性,即“data-for”。

我需要做的是找到具有与部分 URL 匹配的 data-for 属性的 div。

例如,div 的列表可能是:

如果当前页面的 URL 是http://www.mysite.com/shops/north-west.html,我想找到具有north-west data-attribute (div data-for="north-west ) 并为其分配一个 ID 或类别。

谁能帮我解决这个问题?它需要快速,因为 div 列表很长。

提前感谢您的帮助。

0 投票
2 回答
4144 浏览

jquery - jquery 数据属性删除前导零

我有这个 html。

我正在使用以下 jQuery 来获取值。

上面的 jQuery 代码获取带有非前导零的值,例如上面的代码只会获取991而不是00991,出了什么问题?

0 投票
1 回答
12058 浏览

jquery - jquery datepicker - 覆盖数据属性中的选项

我正在使用这个标记

我真的不知道从哪里开始使用该选项对象。从默认值开始似乎是一个好的开始

但是然后我如何添加/覆盖数据属性中的值..我只是不知道

0 投票
2 回答
2463 浏览

javascript - 使用自定义正则表达式验证表单

我想使用我的自定义数据属性验证表单,但不确定如何完成。如果需要,我还想在数据属性中显示错误消息。

我正在寻找与数据属性中的正则表达式值匹配并将其与相应的输入值匹配的 JavaScript。

我有以下表格..

0 投票
1 回答
3033 浏览

jquery - 使用 jqGrid 在表行上创建数据属性

我正在尝试阅读 jQuery 插件jqGrid,但是在浏览文档和演示时我运行不足。

我想要完成的是使用我的 JSON 数据的某些部分显示在列中,并使用其他部分在每个表行上创建 HTML5 数据属性。但是,我无法弄清楚 jqGrid 是否可以处理这个问题,如果可以,如何处理。

我想做的一个例子:

来自以下数据(为便于阅读添加了空格)

我想创建下表:

如您所见,数据属性可能与行中的属性命名相同,也可能不同。此外,在此示例中未显示,一些属性将用于在表中显示和数据属性。

提供 JSON 数据的 API 在其他地方使用,所以我无法更改。对数据属性的要求也由其他地方使用的另一个(自行编写的)jQuery 插件定义,因此它们也不能更改。

有没有办法用 jqGrid 来完成这个?如果是这样,怎么做?如果没有,我有什么选择?

0 投票
2 回答
27195 浏览

php - 在 JSON 编码的 HTML5 数据属性中转义/编码单引号

在 PHP 中,我使用json_encode()在 HTML5 数据属性中回显数组。由于 JSON 需要 - 并json_encode()生成 - 由双引号封装的值。因此,我用单引号将我的数据属性括起来,例如:

如您所见,最后一个标签(测试)包含一个单引号,并且json_encode()不带选项使用会导致解析问题。

所以我使用json_encode()参数JSON_HEX_APOS,解析很好,因为我的单引号是编码的,但我想知道:这样做有缺点吗?

0 投票
1 回答
528 浏览

javascript - Impress.js & 使用 HTML5 数据属性而不是 CSS 转换

我一直在使用Impress.js进行演示,并且正在考虑对其进行调整以在 iPad 上使用。但我担心 Impress 如何将变换应用于每张幻灯片。不是仅仅使用 CSS,而是将转换作为数据属性放入 HTML,然后使用 Javascript 应用。

这让我觉得这是一种过于复杂和困难的做事方式。不过,我没有很多使用数据属性的经验,所以我想就此获得一些意见。正常编写 CSS 会更好,还是使用数据属性的好处大于麻烦?