![](/img/trans.png)
[英]How do I target the correct data attribute and child element when dealing will multiple occurrences of the same parent element?
[英]How to get an element by data attribute when there are multiple values for the same attribute?
當同一屬性有多個值時,如何通過數據屬性獲取元素?
<a data-multiplevalues="valuea valueb valuec">Test</a>
$("a[data-multiplevalues='valuea valueb valuec']") - works
$("a[data-multiplevalues='valuea']") - doesn't work
有任何想法嗎?
您正在使用屬性相等選擇器,因此需要完全匹配。 您可以使用*
獲取給定屬性值中包含字符串的元素。 如果您希望從頭開始查找字符串,則可以使用以^
開頭的選擇器而不是使用*
開頭*
您可以在此處閱讀有關通配符選擇器的更多信息。
$("a[data-multiplevalues*='valuea']")
對於[data-multiplevalues='valuea']
該屬性必須與該值完全相等,如果要選擇具有包含空格分隔值的屬性的元素,則可以使用
a[data-multiplevalues~='valuea']
有關更多信息,請參見http://www.w3.org/TR/selectors/#attribute-selectors
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.