在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-"]')