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

javascript - Javascript 不能在循环中有多个 setTimeout 函数

我有这段代码可以让您在定时延迟上设置 CSS 更改。它工作得很好,除了它只允许你有一个实例,而我需要它允许很多。它目前只从循环中获取最后一个元素并保持超时功能。有没有办法让这个循环中的所有超时函数都被保存和运行?我认为这只是 setTimeout 函数每次都被覆盖,而不是一个独特的函数。

注意:我没有收到任何控制台错误

Javascript(在 onload 函数内)

的HTML

无论哪个 data-timecss 是最后一个,都会正确运行。所以我可以说超时功能每次都被覆盖。有没有人对如何使这些独特的东西有任何想法,但也要像我一样保持它的活力?

0 投票
1 回答
50 浏览

jquery - 为什么使用单击事件删除项目时反应出错

我完全对这个问题感到困惑。从文章列表中,我通过使用 data() 获取 articleId 来删除其中一个。当我第一次删除时,它运行良好。但是当我再次删除时。data() 得到前者articleId而不是它的articleId。但是当我查看event.target时,数据集中的articleid很好。什么错了?

由于代码太长,我选择了重要的部分发布。

我想知道是否是因为反应差异。但我对此了解不多。

0 投票
2 回答
253 浏览

javascript - 为什么 jquery 从数据 html5 属性中删除括号?

我正在尝试使用 jquery 获取数据属性的内容,但返回的数据不是我设置的。

用这个简单的例子:

$('#test').data('test')返回1而不是[1]

使用纯javascript没问题。

在线查看:https ://jsfiddle.net/jojhm2nd/

0 投票
1 回答
1821 浏览

javascript - 在 React 组件中检索自定义 data-* 属性值(无事件)

我对各自的可重用 React 组件有 2 个问题。

  1. 我想必须 React Component 应该从 HTMLprops的属性中获取对象data-,这应该发生在 onload 而不是事件。React 文档中显示的示例在ReactDOM.render方法中使用了道具。我找不到从data属性中检索道具的示例。

  2. 我还想重用 React 组件而不复制ReactDOM.render,而只是更改道具并根据它们的类名安装组件。

[示例示例] 我的 HTML 标记为,

React 组件是,

为方便起见,JSFiddle就在这里!

0 投票
1 回答
381 浏览

jquery - 使用 jquery 设置后,Jquery :data() 选择器不起作用

我的代码有错误,请注意[抱歉]

我希望至少匹配一个元素,但我得到零。
我究竟做错了什么?

0 投票
2 回答
57 浏览

javascript - 复选框选择/取消选择触发器第一次工作,但在随后的尝试中失败

我有一大块 jQuery,它基于 html data-* 标签工作,可以通过组中的复选框来搜索表单。

单击“全部”复选框,其余所有复选框都应处于未选中状态(每次都可以正常工作)。

现在,如果选择了“全部”并且您单击了不同的选项,那么“全部”应该被取消选择,这也可以按预期工作。

但是,如果您愿意,您可以取消选择“全部”复选框,该复选框应默认为选中其余复选框,以便您可以取消选择所需的结果。

如果到目前为止您尚未更改任何其他内容,则这是第一次使用,但是如果选择了任何其他复选框栏“全部”,或者您已经单击了“全部”按钮,如果您选择失败,则再次取消选择.

任何关于它要做什么的想法都将不胜感激(我尝试使用控制台来发现它没有做什么,但到目前为止它没有提供任何线索)。

下面的例子。

0 投票
4 回答
6899 浏览

jquery - 如何在 Jquery 中访问锚标记的数据属性?

案例 1:使用锚元素的“onclick”属性调用的函数

浏览器控制台中的输出是
undefined
undefined

案例 2:使用 jquery 绑定锚元素

浏览器控制台中的输出
modifyCustAction
customerId=567

我读到 jQuery 将回调函数的范围设置为作为回调主题的元素。

  1. 为什么数据属性在案例 1 中无法访问/未定义,并且只能在案例 2 中访问?
  2. 在案例 1 中如何访问锚元素的数据属性?
0 投票
2 回答
73 浏览

javascript - 如何获取突出显示的单词并将其包装在具有数据属性的新元素中?

JSFIDDLE

HTML:

CSS:

JS:

我在标签中有一段文本,p我希望它是这样的:

  1. 用户选择块内的一些单词
  2. 用户在提示框中输入内容
  3. 将突出显示的单词放在span带有 data-attribute 的标签内(我称之为它data-id),这个 data-attribute 值来自提示(上面的步骤 2)

我如何实现这一目标?

请帮我。

0 投票
2 回答
2201 浏览

jquery - 在 TR 数据属性上过滤 jquery 数据表

我有一个与此问题相似但不同的查询。

不同之处在于我试图通过行而不是列上的数据属性进行过滤。元素,而tr不是td元素。这包含一个主键,我正在尝试删除重复项。重复的行可能在实际列数据中有所不同,所以我不能那样做。键是由下划线分隔的三个数字字段的组合。

然后,javascript在页面加载时调用的函数中......

我怀疑问题的一部分是该table对象没有在任何地方定义。此过滤器适用于多个表,因此如果可能,它需要是当前正在过滤的任何表。每个表都有一个唯一的id,但共享一个class属性。

更新 2016/12/12

我在使用实际数据属性的版本方面取得了一些进展。这个版本有一个工作的tableDataTable 对象,我认为正确地获取了行并将其转换为 jquery。但是,尝试获取数据属性会导致undefined.

0 投票
1 回答
34 浏览

javascript - 在 Javascript 代码中传递一个新参数以定位 HTML5 attr

我目前已经创建了一段 Javascript 代码来检查 http 响应,如果它是成功的 200 代码,交通灯显示绿色,如果不是 200 代码,交通灯闪烁红色。

我目前的问题是我希望能够像这样将两个参数传递给初始化函数

第一个属性是我要测试的 URL,第二个属性是我创建的 HTML5数据请求属性的值。

我这样做的原因是我希望在同一页面上有多个交通信号灯同时针对不同的 URL,而不会相互影响。

因此,例如,我创建了一个数据请求属性并将其值设为,然后我希望能够像这样将其连接起来

并开始在代码中定位如下元素。这使得它更加模块化和可重用。

请找到我的附加代码和一个有效的 JSFiddle。

https://jsfiddle.net/8700h582/

感谢任何帮助!