jquery - 如何根据部分数据属性选择元素？

Question

我可以在选择器中使用contains:来选择具有data-属性的所有元素吗？或者是否有其他方式来选择所有这些元素？例如，所有包含“NL”或“UK”的元素

Answer 1

例如，如果使用 *，您不想匹配 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>