Селектор CSS3 для атрибута, который имеет «ЛЮБОЕ значение» и не является нулевым или незаполненным »

Question

Я не могу найти подстановочный символ css3 для« любого значения, не имеющего нуля или пробела ».

У меня есть куча divs, некоторые из них имеют атрибут data-group-id, но не все. Я хочу найти все divs, у которых есть этот атрибут, data-group-id` и не пуст.

Так, например, у меня есть эти дивы:

<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 дивы имеют атрибут называется 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=""]) 

Это будет выбрать элемент, который имеет атрибут, пока это не является пустым.

Answer 2

Вы писали:

... где * является джокером говоря имеет значение, но не имеет значения, что значение.

Здесь вы идете:

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

Из спецификации:

6.3.1. Attribute presence and value selectors

[ATT]

Представляет элемент с att в ttribute, независимо от значения атрибута.