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

javascript - 如何使用 HTML5 数据集删除 data-* 属性

根据数据集规范element.dataset是如何删除数据属性的?考虑:

如果你这样做:

DOM 在 Chrome 和 Firefox 中变成这样:

Chrome/Firefox 实现模仿setAttribute。它基本上.toString()首先适用。除了处理之外,这对我来说很有意义,null因为我希望这null会删除该属性。否则,数据集 API 如何等效于:

那么布尔属性呢:

<p data-something>相当于<p data-something="">嗯。

0 投票
4 回答
37829 浏览

html - 空 HTML5 数据属性是否有效?

我想编写一个简单的 jQuery 插件,在指定元素下显示内联模式。我的想法是让脚本根据元素上指定的数据属性自动初始化。

一个非常基本的例子:

我只是想知道data-modal-target上面的例子是否有效,还是必须如此data-modal-target="true"?我不关心比 IE9 等更糟糕的东西,我唯一的要求是它必须是有效的 HTML5。

0 投票
3 回答
116 浏览

jquery - jQuery | 数据属性更新问题

我有以下 jQuery 代码:

这是 HTML:

和 jQuery 是这样的:

但似乎不起作用。有人可以帮助我吗?这段代码有错误吗?

注意:我也尝试了以下代码,但没有成功:

0 投票
2 回答
290 浏览

jquery - jQuery.data('abc','xyz') 不改变 data-abc

我有一个工作功能:

我正在尝试data-content="Hint 1 Content"使用 jQuery 进行编辑。

我的功能是:

然后我打电话loadContent(RIDDLE),但这不会改变data-content我标签中的<a>标签。

0 投票
1 回答
297 浏览

jquery - 如何使用 jQuery 操作 HTML5 数据-*?

对于 HTML5 DOM 元素 -

下面的两条 javascript 行有什么区别?

根据我对 JSFiddle 的测试,我看到第一个有效,而第二个无效。我试图理解“为什么?”

jQuery 是否为每个 DOM 元素维护单独的数据?根据 .data() 的JQuery 文档,我了解到 .data() 将 HTML5 中的值data-*转换为它自己的数据。反过来是真的吗?如果我这样做$(this).data("myData","jkl345");,它会在 上创建一个 HTML5 属性data-myData="jkl345"$(this)

我还遇到了jQuery.data(),它似乎扩展了 .data() 以将数据应用于任何 DOM 元素。


稍后添加: ' jQuery Data vs Attr?似乎有一个答案?'。唯一没有回答的是$(this).data("newDataAttri","myVal")create data-newDataAttri="myVal"? 我开始相信它不会而且只会将它存储在 DOM 节点中。谁能证实这一点?

0 投票
3 回答
1038 浏览

jquery - jQuery.data() :仅获取 HTML-5 属性,而不是由 jquery 或其他插件设置的数据存储值

我想通过 jQuery 获取 HTML-5 数据属性。

所以,我正在使用.data().

我需要获取超过 1 个数据属性,因此我没有指定任何参数并缓存结果。

var data = $('myselecttor').data()

但问题是,.data()不仅获取 HTML-5 属性,还获取由 jquery(供内部使用)或其他插件(在我的情况下为 jquery-ui)设置的数据存储值

Demo

我需要一次调用(不单独)获取所有 HTML-5 数据属性(不包括数据存储值)

ps 发送这个data()$.ajax导致Uncaught TypeError: Illegal invocation错误。

我希望,它会帮助某人。


我的解决方案

最后,我将所有数据属性作为 json 保存在一个数据属性中。jQuery 通过自动解析数据属性中的任何 json 来帮助它。

<div data-person='{"name": "jashwant","sex": "male"}'></div>

并且可以在javascript中访问它

唯一的问题是现在我不能使用像[data-name="jashwant"]

0 投票
1 回答
404 浏览

jquery - jQuery访问html5数据元素中的JSON数据在访问键时返回未定义

嗨,我正在尝试在单击图形时让一些图钉显示在谷歌地图上。我将我需要的所有数据存储在跨度标签上的数据位置元素中:

我的点击功能是:

创建标记的功能给我带来了一个问题,当我提醒它或尝试使用它来创建标记时,传递给它的数据显示为未定义,但它确实显示在控制台中,但从我一直以来不应该信任读取控制台,因为它会显示当前状态的数据,即在实际调用控制台时可能没有定义它,

我不明白为什么它未定义为 json 数据在 dom 中(它实际上由 php 生成)所以在 dom 中定义,我可以理解如果我正在执行 Ajax 调用,为什么它可能会出现未定义。

http://2012.reelfilmlocations.co.uk/Modules/builder_areaLocs.php 是我正在处理的页面,奇怪的是我有一个类似的页面(使用 php 包含而不是独立页面),它具有相同的功能并且它作品,我看了两者,也看不出差异是什么导致它未定义) http://2012.reelfilmlocations.co.uk/locations-london-west/

0 投票
1 回答
302 浏览

javascript - 如何从选择列表中的html5数据属性中获取数据到数组中?

我基本上必须通过表单加载上传一些数据,以便在页面上的 javascript 操作中使用。我正在上传如下数据:

从这些数据中,data-s-type 和 data-n-type 属性用于找出哪些值将被添加到数组中,该数组稍后将在程序中使用。我无法想出使用此选择列表获取该数组的方法。

例如当 data-s-type="X" AND data-n-type=9, array = [xxx,lmn]

我不必将数据作为隐藏选择列表上传,如果您有更好的建议请告诉我。

0 投票
3 回答
1032 浏览

jquery - 使用单选按钮更改 jquery 滑块内的图像 src

好的,所以基本上我试图在 jquery 图像滑块中构建一个“车辆颜色配置器”。我希望人们能够单击样式化的单选按钮并相应地修改特定的幻灯片 img src。这是我下面的代码,但我无法更改图像...

HTML

查询

0 投票
7 回答
101730 浏览

javascript - 在 HTML5 数据属性中存储和检索 javascript 数组

javascript 如何Array存储在 HTML5data属性中?

我已经尝试了JSON.stringify阳离子和转义字符的所有变体。

存储数组并再次检索它的精确方法是什么?

笔记

我用[ $("#firstSelectedElement").val(), $("#secondSelectedElement").val() ]. 我id="storageElement" data-storeIt="stuff"$("#storageElement").data('storeit').

我似乎永远无法将数据检索为 true Array,只有一个Array字符。