我可以在选择器中使用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/

10-11 15:53