问题标签 [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.
javascript - 如何使用 HTML5 数据集删除 data-* 属性
根据数据集规范,element.dataset是如何删除数据属性的?考虑:
如果你这样做:
DOM 在 Chrome 和 Firefox 中变成这样:
Chrome/Firefox 实现模仿setAttribute。它基本上.toString()
首先适用。除了处理之外,这对我来说很有意义,null
因为我希望这null
会删除该属性。否则,数据集 API 如何等效于:
那么布尔属性呢:
<p data-something>
相当于<p data-something="">
嗯。
html - 空 HTML5 数据属性是否有效?
我想编写一个简单的 jQuery 插件,在指定元素下显示内联模式。我的想法是让脚本根据元素上指定的数据属性自动初始化。
一个非常基本的例子:
我只是想知道data-modal-target
上面的例子是否有效,还是必须如此data-modal-target="true"
?我不关心比 IE9 等更糟糕的东西,我唯一的要求是它必须是有效的 HTML5。
jquery - jQuery | 数据属性更新问题
我有以下 jQuery 代码:
这是 HTML:
和 jQuery 是这样的:
但似乎不起作用。有人可以帮助我吗?这段代码有错误吗?
注意:我也尝试了以下代码,但没有成功:
jquery - jQuery.data('abc','xyz') 不改变 data-abc
我有一个工作功能:
我正在尝试data-content="Hint 1 Content"
使用 jQuery 进行编辑。
我的功能是:
然后我打电话loadContent(RIDDLE)
,但这不会改变data-content
我标签中的<a>
标签。
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 节点中。谁能证实这一点?
jquery - jQuery.data() :仅获取 HTML-5 属性,而不是由 jquery 或其他插件设置的数据存储值
我想通过 jQuery 获取 HTML-5 数据属性。
所以,我正在使用.data()
.
我需要获取超过 1 个数据属性,因此我没有指定任何参数并缓存结果。
var data = $('myselecttor').data()
但问题是,.data()
不仅获取 HTML-5 属性,还获取由 jquery(供内部使用)或其他插件(在我的情况下为 jquery-ui)设置的数据存储值
我需要一次调用(不单独)获取所有 HTML-5 数据属性(不包括数据存储值)
ps 发送这个data()
会$.ajax
导致Uncaught TypeError: Illegal invocation
错误。
我希望,它会帮助某人。
我的解决方案
最后,我将所有数据属性作为 json 保存在一个数据属性中。jQuery 通过自动解析数据属性中的任何 json 来帮助它。
<div data-person='{"name": "jashwant","sex": "male"}'></div>
并且可以在javascript中访问它
唯一的问题是现在我不能使用像[data-name="jashwant"]
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/
javascript - 如何从选择列表中的html5数据属性中获取数据到数组中?
我基本上必须通过表单加载上传一些数据,以便在页面上的 javascript 操作中使用。我正在上传如下数据:
从这些数据中,data-s-type 和 data-n-type 属性用于找出哪些值将被添加到数组中,该数组稍后将在程序中使用。我无法想出使用此选择列表获取该数组的方法。
例如当 data-s-type="X" AND data-n-type=9, array = [xxx,lmn]
我不必将数据作为隐藏选择列表上传,如果您有更好的建议请告诉我。
jquery - 使用单选按钮更改 jquery 滑块内的图像 src
好的,所以基本上我试图在 jquery 图像滑块中构建一个“车辆颜色配置器”。我希望人们能够单击样式化的单选按钮并相应地修改特定的幻灯片 img src。这是我下面的代码,但我无法更改图像...
HTML
查询
javascript - 在 HTML5 数据属性中存储和检索 javascript 数组
javascript 如何Array
存储在 HTML5data
属性中?
我已经尝试了JSON.stringify
阳离子和转义字符的所有变体。
存储数组并再次检索它的精确方法是什么?
笔记
我用[ $("#firstSelectedElement").val(), $("#secondSelectedElement").val() ]
. 我id="storageElement" data-storeIt="stuff"
用$("#storageElement").data('storeit')
.
我似乎永远无法将数据检索为 true Array
,只有一个Array
字符。