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

Question

我似乎找不到“任何非空值或空白值”的 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=""])

这将选择一个具有该属性的元素，只要它不是空白即可。