可能重复：
使用 javascript / jQuery 获取 data-* 属性列表

我有一系列看起来都与此类似的对象：

我想创建一个函数来动态提取每个数据属性，所以如果我添加类似“data-icon”或任何其他数量的属性，该函数仍会返回一个包含所有数据属性的数组，例如：

可能重复：
HTML 属性的长度是否有限制？

我想使用数据属性在网页上的脚本之间传递 JSON。例如，一个 div 标签可能如下所示：

例如，这类似于 dojo 工具包对选项所做的事情，但在我的情况下，JSON 字符串可能要长得多。

数据属性（W3C 推荐、浏览器限制等）是否有任何大小限制？

网站

开发中的构建可以在randomactsofviolet.com查看

包含的库：

• 瓦科迪安
• 鼠标滚轮
• jQuery工具
• 缓和

vaccordian 嵌入了一个“可滚动”元素（JQuery 工具）来上下移动各个页面的内容

目标

我正在尝试使用 JQuery 的/Ajax .load() 方法加载动态内容，并将我正在使用 JQuery 的 .data() 方法检索的 URL 传递给它。可能会注意到，我还使用数据属性“状态”测试内容是否已经加载，并且只有在状态未定义时才调用 load() 函数。
我的印象是我的语法和数据属性的使用都是正确的，因为我设法在 Firefox 和 Dreamweaver 的预览窗口中获得了全部功能，但很快就发现我的方法在 chrome 或 IE9 中不起作用。

据我的研究表明， .data() 方法和浏览器都支持，因为 .data() 包含在 jquery 1.4+ 中。

问题可能出在我的语法中吗？如果有替代方法，那么我很感激建议。

Steven Dons 很好地论证了为什么我不应该使用 attr()。：

可以，但不应该，尤其是在操作数据而不是读取数据时。>使用 attr()，数据返回到 DOM。使用 data()，它是分开保存的。如果你 > 用 attr() 改变一个值，然后用 data() 读取它，你会得到不同的值。>attr() 也只处理字符串，data() 将转换为原生类型，如整数。>无论你做什么，除非你真的知道你在做什么，否则不要混合使用 attr() 和 data()。我的经验法则是使用 attr() 读取原始 DOM 元数据或更改 DOM >properties 并使用 data() 获取应用程序状态。– 史蒂文唐 3 月 17 日 10:44

当前语法

正在使用的 HTML

我的调查

要么没有从 div 元素中检索 URL，要么我的 ajax 使用有问题？Javascript 已启用。我已经对堆栈进行了相当多的阅读，并且遇到了围绕该主题的一些其他有用问题，并学习了一些有用的注意事项，但无法澄清这种情况下的问题。可能我可以看到这是一件非常简单的事情，希望永远不会忘记就像必须告诉浏览器在你的 html 顶部启用某些东西或允许某些语法
我想也许如果它是 jquery 语法的问题那么这可以从在Firefox的检查员中。谁能解释如何使用它来查看实时消息/错误，或使用检查器诊断问题的方法？

我正在使用 jQuery 过滤页面上的产品项目（隐藏和显示 DIV） 我使用过滤器作为替代品，因为 PHP $_GET 有点过时，我们正试图通过 jQuery 来做到这一点。我使用 filter() 和数据属性。

如何关闭除现有项目之外的当前复选框选择？如何根据选择隐藏项目并在不隐藏时取消隐藏？

HTML

查询

CSS

JSFiddle

http://jsfiddle.net/RyZy8/

我正在尝试在我的按钮上设置一些数据，以便可以访问它onclick。我在键值是字符串的按钮数据属性中使用 JSON 没有问题。但是，我不知道如何将值设置为函数。

单击此演示代码中的按钮时，我希望单击事件调用该函数，该函数option1()将警告字符串“hello outside”。

我得到的错误是：

HTML（JSFiddle 在这里：http: //jsfiddle.net/NDaEh/32/）：

JS：

想法？

我有当前的html：

这些是通过 ajax 发送数据时可以一起使用或不使用的独立 div。

现在，我有一个选择是同时使用这两个字段，我需要data-value根据一些表单选项来检索这两个字段。数据属性不同（用于不同目的——我可以发送或不发送所有组或单独发送）

所以我想做：

$('input').data('group*')但它不起作用，然后我意识到我需要一个正则表达式。

我可以使用数据属性的正则表达式吗？

如果我的标记如下所示：

如果我只有键“bar”或“foo”，我将如何使用 JQuery 选择特定元素？

我可以为每一行提取整个对象并遍历它以寻找匹配项，但如果有更有效的方法，我宁愿不这样做。

如何根据对象的属性干净地选择？

我只想在纵向模式下在 iPad 上显示不同的文本。

使用数据属性，我可以存储纵向文本，但如何检测方向变化并在 iPad 上应用文本？

我的标记目前看起来像这样；

谢谢

我有一个 html 选择语法，例如：

我如何在 Rails 语法中完成这项工作？我应该在下面的代码中做些什么来得到上面的结果：

我也想在这段代码中使用“选定”选项。

一点背景

我在 javascript/jQuery 中编写了一个方法，该方法循环遍历字段并根据它们是什么来设置它们，即下拉列表、自动完成、文本等...

这样做的原因是我专门设置了输入和文本区域的样式，并且一旦页面加载，它们必须在 javascript 中初始化。此类中的方法循环遍历页面上的每个字段并根据其内容设置事件。

目前我通过给字段容器一个类来检测每个字段是什么，jQuery 读取这个类并相应地设置字段，如下所示：

jQuery 看起来像这样：

上面的大部分代码都可以忽略，但它应该让你知道我在做什么......

问题

我最近注意到 HTML5 属性data-*，*可以是任何东西。我的问题是：

1. 我应该使用 HTML5data-*属性而不是类吗？
2. 有比data-*属性或类更好的方法吗？
3. 属性虽然data-*是HTML5，但只要DOCTYPE定义正确，是否兼容早期的浏览器？