问题标签 [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 投票
5 回答
727495 浏览

javascript - 使用 HTML5 自定义数据属性的 jQuery 选择器

我想知道哪些选择器可用于 HTML5 附带的这些数据属性。

以这段 HTML 为例:

是否有选择器可以获得:

  • data-company="Microsoft"以下所有元素"Companies"
  • data-company!="Microsoft"以下所有元素"Companies"
  • 在其他情况下,是否可以使用其他选择器,例如“包含、小于、大于等……”。
0 投票
6 回答
2946 浏览

html - XHTML 1.0 Strict 中的自定义数据

我在我的 html 中使用了一些自定义属性,用于 jquery 的东西。我看到HTML5中有data-XYZ属性,但我需要严格xhtml 1.0。我还有什么其他选择?

0 投票
9 回答
1444566 浏览

jquery - jQuery如何根据数据属性值查找元素?

我有以下情况:

页面上有 5 个<li>,每个都有一个data-slide=number属性(数字分别为 1,2,3,4,5)

我现在需要找到当前活动的幻灯片编号,该编号映射到var current = $('ul').data(current);并在每次幻灯片更改时更新。

到目前为止,我的尝试一直不成功,试图构建与当前幻灯片匹配的选择器:

不匹配/返回任何东西……</p>

我无法对该li部分进行硬编码的原因是,这是一个用户可访问的变量,如果需要,可以将其更改为不同的元素,因此它可能并不总是li.

关于我所缺少的任何想法?

0 投票
1 回答
5042 浏览

jquery - jQuery 1.4.4:如何根据元素的数据属性值查找元素?

我想这应该是一个非常微不足道的任务,但使用 Firefox for Mac,3.6.12 以下不起作用:

使用 Firebug 我可以看到所有数据幻灯片属性(包括它们的数值)都正确附加到lis 并注销:

按预期输出:

那么为什么第一个console.log不起作用?

0 投票
1 回答
277 浏览

jquery - 将数据绑定到通过 jQuery 模板呈现的 DOM 节点

我有一组 JSON 数据,我使用 jQuery 的新模板插件将其渲染到一组表行中。其中一条数据是我作为数据属性呈现给表行的文件名:

当我稍后检索它时,这主要工作正常,但我收到的错误似乎是由某些文件名中的未转义撇号引起的。为了解决这个问题,我想首先将数据存储为针对表格行的 jQuery 数据对象,并完全避免使用 DOM。在当前的 jQuery 模板插件中有没有办法做到这一点?

0 投票
2 回答
20518 浏览

ruby-on-rails - 自定义 HTML 属性需要自定义助手?

我正在尝试在输入上创建一个包含一些自定义数据属性的表单:

这似乎是一种使用 jquery 轻松访问前端(哈哈!)的好方法:

问题是我无法让 Rails (3.0.3) 呈现属性。

我尝试了许多排列都无济于事,找不到如何做到这一点的例子。我是否需要修改text_field帮助程序以支持任何自定义属性?

0 投票
16 回答
1941792 浏览

javascript - 如何获取 data-id 属性?

我正在使用 jQuery Quicksand插件。我需要获取单击项目的数据 ID 并将其传递给 Web 服务。

如何获取 data-id 属性?我正在使用该.on()方法重新绑定已排序项目的单击事件。

0 投票
6 回答
371375 浏览

css - 在 CSS 中按属性选择元素

是否可以通过其 HTML5 数据属性(例如,data-role)选择 CSS 中的元素?

0 投票
2 回答
1402 浏览

asp.net-mvc - JSON序列化,返回带有破折号的键?

我想从我的控制器返回 JSON,它是从匿名类型生成的,并且在键名中包含破折号。这可能吗?

所以如果我有这个:

在客户端,我希望它像这样序列化:

我想要这个的原因是这个 Json 数据最终将成为 DOM 节点上的属性,我想玩得更好,并使用新的 HTML5 数据属性。我可以返回{ modifieddate: "3/17/2011" }并以这种方式使用它,但如果我能变得更符合我想成为的标准。

我知道如果我编写自己的JsonResult类,在非匿名类型上使用 WCF JSON 序列化程序,我可以使用DataMemberAttribute来完成此操作。但对于这样一个简单的愿望来说,这是一个很大的开销。

我也可以让客户在收到数据后为我按摩按键,但我也希望避免这种情况。总而言之,我宁愿不遵循标准,也不愿遵循这些变通办法中的任何一种。

0 投票
2 回答
750 浏览

html - 对象标签的数据属性是否应该进行百分比编码?

假设我的 Web 应用程序呈现以下标签:

应该data转义属性(百分比编码路径)还是不转义?在我的例子中是这样。我没有找到任何规范。

附录

实际上,我对浏览器插件消费data属性的规范很感兴趣。例如,Adobe Acrobat 插件采用转义和非转义 uri。但是,QWebPluginFactorydata属性视为人类可读的 URI(未转义),这会导致双百分比编码。我想知道这是否是一个错误QWebPluginFactory