在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

使用^=，这意味着 «starting from»：

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