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

Question

我有以下使用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-*"]')但这会返回一个空对象。 我该如何检索此列表？

Answer 1

您可以使用

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

这意味着查找具有属性data-element任何元素，其值为以INFO-开头

有关详细信息，请参阅http://www.w3.org/TR/selectors/#attribute-substrings

Answer 2

使用^= ，这意味着«从»开始：

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