我可以在选择器中使用contains:来选择具有data-属性的所有元素吗?或者是否有其他方式来选择所有这些元素? 例如,所有包含“NL”或“UK”的元素
最佳答案
例如,如果使用 *
,您不想匹配 UKR
,因此您应该使用 ~
在以空格分隔的单词列表
[attr~=value]
Represents an element with an attribute name of attr whose value is a whitespace-separated list of words, one of which is exactly value.
看看这里(阅读 2 分钟)
Attribute selectors
REF: 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 - 如何根据部分数据属性选择元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46190242/