在 JQuery 中使用通配符搜索 HTML5 数据属性答案

【问题标题】：Searching HTML5 data attributes using wildcards in JQuery在 JQuery 中使用通配符搜索 HTML5 数据属性
【发布时间】：2014-02-24 05:08:54
【问题描述】：

我有以下使用 HTML 5 数据属性的元素列表。

<div data-element="INFO-NAME"></div>
<div data-element="INFO-EMAIL"></div>
<div data-element="INFO-ADDRESS"></div>
<div data-element="INFO-ZIP"></div>

我想做的是获取包含的所有元素的列表

data-element="INFO-*"

我试过$('[data-element="INFO-*"]') 但这会返回一个空对象。如何检索此列表？

【问题讨论】：

标签： javascript jquery html custom-data-attribute

【解决方案1】：

你可以使用

 $('[data-element^="INFO-"]')

这意味着找到任何具有data-element属性且值以INFO-开头的元素

在http://www.w3.org/TR/selectors/#attribute-substrings查看更多信息

【讨论】：

【解决方案2】：

使用^=，表示«开始于»：

$('[data-element^="INFO-"]')

【讨论】：

-* 不是必需的。
是否有匹配部分数据元素值的通用方法？比如data-element=Info1,Info2,Info3...如何匹配[data-element=*Info1*] ??
@RyanGriggs 我想你要找的是[data-element*="Info1"]，它的内容是 data-element contains "Info1"