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