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

jquery - 使用 jquery 删除多个 html5 数据属性

所以 jquery api 说如下:

从 jQuery 的内部 .data() 缓存中删除数据不会影响文档中的任何 HTML5 数据属性;使用 .removeAttr() 删除那些。

删除单个数据属性没有问题。


问题是,如何删除多个数据属性?

更多细节:

  1. 起点是我有多个(比方说.. 60)不同的数据属性,我想删除所有这些属性。

  2. 首选方法是仅定位那些包含单词的数据属性lorem。在这种情况下lorem,始终是第一个词。(或者第二个,如果你算的话data-

  3. 我也想保持所有其他属性不变

0 投票
3 回答
15071 浏览

jquery - filtering data based on a custom data attribute using jquery

I was wondering if someone could help with with some jquery code for doing the following. I have a drop down select list input that i would like to filter a list of checkboxes.

Here's what my html code looks like

So if Township is selected (05) then only the divs with the data-custom-type="05" will display.

Is there a way to achieve this and if so some help would be much appreciated

0 投票
3 回答
33345 浏览

jquery - 根据 data-* 属性显示和隐藏元素

这似乎对 JQuery 来说应该是微不足道的,但是这个函数隐藏了整个表单......有人能指出我正确的方向吗?

0 投票
2 回答
321 浏览

jquery - 我遇到了 jQuery 变量的问题

我有一系列列表项,其中包含用于存储信息的数据属性,例如:

我正在使用该信息来填充使用 jQuery 注入的弹出框,并且我需要将信息存储到与每个列表项对应的变量中。我正在使用.click()将弹出框附加到列表项,然后将其淡入。但是当我试图在函数中包含变量以限制它们的范围时,我的代码停止正常工作。这是我所拥有的一个粗略示例:

关于为什么这不能像我想要的那样工作的任何想法?

0 投票
2 回答
3406 浏览

jquery - jQuery removeAttribute() 不起作用

我一直在拼命寻找这个问题的答案,但没有找到任何东西。我目前正在改进我正在创建的网站上的代码,从 ,,custom'' 属性切换到 HTML5 data-yyy 属性。现在这是我的问题。

单击某个 li 元素时会触发以下代码。一个类被切换,并且在切换之后(这是一个词吗?)脚本检查这个元素是否具有切换的类。如果它没有类(这就是问题所在),脚本应该删除属性“data-special”,删除数据。这根本不会发生!

如果添加

在函数之外,一切都很好并且按预期工作。有任何想法吗?

0 投票
1 回答
290 浏览

jquery - 引用动态 Raphael 对象

我无法找到以下问题的解决方案。我想引用一个动态创建的 Raphael 形状。是否可以在 Raphael dom.node 数据上使用 jQuery find() 函数

// 这里是否可以对具有特定数据属性的元素执行 jQuery 样式 find()?

0 投票
2 回答
2449 浏览

jquery - jQuery 通过布尔数据属性选择

我有这行代码:

这将正确选择这样的元素

但这不会选择具有备用大小写的元素,如下所示:(注意大写 T)

除了为不同的大小写放置多个选择器之外,还有什么是确保选择器返回具有正确布尔值的元素的好方法(即使它是一个字符串)


仅供参考,当我将 vlaue 设置为实际的布尔值时,由于我的 MVC 应用程序会发生大小写差异,当它转换为字符串时它将大写:(

0 投票
4 回答
37829 浏览

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

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

一个非常基本的例子:

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

0 投票
1 回答
1061 浏览

html - 基于 HTML5 数据属性的样式样式

我读过基于 HTML5 data-* 属性对内容进行样式设置是不好的做法。

引自 html5doctor.com:

特定数据属性的存在/不存在不应用作任何样式的 CSS 挂钩。这样做会表明您正在存储的数据对用户具有直接的重要性,并且应该以更具语义和可访问性的方式进行标记。

有人可以对此声明进行更多说明或举例说明为什么这可能会对用户体验产生负面影响吗?

作为一个非常基本的示例,假设我正在使用data-attribute-error="404"on 元素向脚本提供反馈,而不必在每个元素上添加error-404,error-500等类以进行一些补充样式,我不能像这样设置这些样式吗:

这可能不是最好的例子,我并不担心浏览器支持。我只是想更好地理解整体概念。

似乎我们可以使用 CSS3 和自定义属性来做很多很酷的事情,以根据内容设置样式,让我们的“真实”类更通用,以处理不基于内容的纯样式。

这只是在某些情况下可以忽略的一般准则,还是可怕的客户端罪过?

谢谢!

0 投票
2 回答
7172 浏览

jquery - 使用 tinysort 和 data 属性进行排序

我正在尝试使用tinysort根据数据属性对列表进行排序。

首先是列表:

然后调用 tinysort:

我一定是做错了什么,但不知道是什么...