CSS3 "has ANY value and is not null or blank" 属性的选择器

Question

我似乎无法为 'any value not null or blank' 找到 css3 通配符。

我有一堆 div，其中一些有一个名为 data-group-id 的属性，但不是全部。我想找到所有具有该属性 data-group-id 且不为空的 div。

例如，我有这些 div：

<div class="col-md-2 custom_boxshadow" data-role="mergeSelector" data-required="1"></div>
<div class="col-md-2 custom_boxshadow" data-role="mergeSelector" data-required="1"></div>
<div class="col-md-2 custom_boxshadow" data-role="mergeSelector" data-required></div>
<div class="col-md-2 custom_boxshadow" data-role="mergeSelector" data-required data-group-id="55"></div>
<div class="col-md-2 custom_boxshadow" data-role="mergeSelector" data-required data-group-id="55"></div>
<div class="col-md-2 custom_boxshadow" data-role="mergeSelector" data-required data-group-id="15"></div>

如您所见，最后 3 个 div 有一个名为 data-group-id 的属性。

我想要一个可以找到这三个元素的选择器。本质上我正在尝试执行此逻辑

$parent.find('div[data-role="mergeSelector"][data-group-id="*"]')

其中 * 是一个通配符，表示“有一个值但不关心值是多少”。

是否存在可以完成此操作的选择器？我在互联网上找不到任何东西。

谢谢！

谢谢帮助，查询完毕如下：

$parent.find('div[data-role="mergeSelector"][data-group-id]:not([data-group-id=‌""])')

Answer 1

[data-group-id]:not([data-group-id=""])

这将 select 具有该属性的元素，只要它不为空即可。

Answer 2

您写道：

...where * is a wild card saying has a value but doesn't matter what the value is.

给你：

div[data-group-id] { ... }

来自规范：

6.3.1. Attribute presence and value selectors

[att]

Represents an element with the att attribute, whatever the value of the attribute.

CSS3 "has ANY value and is not null or blank" 属性的选择器

CSS3 selector for attribute that is "has ANY value and is not null or blank"

css

jquery

wildcard

css-selectors