Ascunde element daca in data e un anumit text

Coduri intrebari, probleme legate de HTML, XHTML si CSS
Marius
Mesaje: 60

Ascunde element daca in data e un anumit text

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!

MarPlo Mesaje: 4343
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');

Subiecte similare