我可以在选择器中使用contains:来选择具有data-attribute属性的所有元素,还是有其他选择所有这些元素的方法?
例如,所有包含“ NL”或“ UK”的元素
最佳答案
例如,如果您不希望使用UKR
匹配*
,则应使用~
在以空格分隔的单词列表中查找完全匹配的单词
[attr〜= value]
表示一个属性名称为attr的元素,其值是由空格分隔的单词列表,其中之一就是值。
看看这里(阅读2分钟)
属性选择器
参考:https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors
[data-country~="UK"] {
color: red;
}
<span data-country="USA UK CHN">USA UK CHN</span><br>
<span data-country="USA UK">USA UK</span><br>
<span data-country="UK USA">UK USA</span><br>
<span data-country="UK">UK</span><br>
<hr>
You dont want the following to be matching:<br>
<hr>
<span data-country="USA CHN">USA CHN</span><br>
<span data-country="USAUK">USAUK</span><br>
<span data-country="UKR">UKR</span>
关于jquery - 如何选择部分基于data-attribute的元素?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/46190242/