Ascunde element daca in data e un anumit text

[Marius]

Se pot ascunde elemente HTML daca in atributul 'data-' e o anumita bucata de text?
De exemplu: Ascunde Div-urile care contin "-en".

Cod: Selectaţi tot

<div class='check' data-value='example-en'></div>
<div class='check' data-value='check-en'></div>
<div class='check' data-value='example2-en'></div>
<div class='check' data-value='check-fr'></div>

Multumesc!

Se poate face cu CSS sau cu Javascript.

CSS:

Cod: Selectaţi tot

/* with specified elements */
div[data-value*='-en'] {
  display: none;
}

/* or global */
[data-value*='-en'] {
  display: none;
}

Si daca vrei sa ascunzi in functie de numele clasei.

Cod: Selectaţi tot

[class*='-en'] {
  display: none;
}

Si cu JS:

Cod: Selectaţi tot

document.querySelectorAll('[data-value*="-en"]').forEach((elem) => elem.style.display ='none');