當同一屬性有多個值時，如何通過數據屬性獲取元素？

Question

如何在數據屬性有多個值時通過數據屬性獲取元素？

<a data-multiplevalues="valuea valueb valuec">Test</a> 

$("a[data-multiplevalues='valuea valueb valuec']") - works 

$("a[data-multiplevalues='valuea']") - doesn't work 

任何想法？

Answer 1

爲[data-multiplevalues='valuea']的屬性具有完全相等的值，如果要選擇具有包含空格separed值的屬性的元素，你可以使用

a[data-multiplevalues~='valuea'] 

更多見http://www.w3.org/TR/selectors/#attribute-selectors

Answer 2

您正在使用屬性相等選擇器，因此您需要完全匹配。您可以使用*來獲取包含給定屬性值中的字符串的元素。如果您在開始時期望的字符串是預期的，那麼您可以使用^而不是使用*開始選擇器您可以閱讀有關通配符選擇器here的更多信息。

$("a[data-multiplevalues*='valuea']")