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.
Si cu JS:
Cod: Selectaţi tot
document.querySelectorAll('[data-value*="-en"]').forEach((elem) => elem.style.display ='none');
Subiecte similare
-
Comutarea element in localStorage
JavaScript - jQuery - Ajax
Primul mesaj
Vreau să creez o funcție de comutare pentru LocalStorage unde sa se retină alegerea utilizatorului.
Vreau să încarce preferința curentă la...
Ultimul mesaj
Nu poți sa păstrezi valori tip boolean în localStorage. De aceea ai eroare. Încerca să folosesti, de exemplu, 0 pentru False și 1 pentru True.
Inca...
-
adaugare element nou intr-un array de obiecte
PHP - MySQL - XML
Primul mesaj
Salutare,
Am un array de obiecte sub forma aceasta:
$sql =
si un aray de forma aceasta:
$tipuri =
Cum pot adauga in primul array inca...
Ultimul mesaj
primesc o eroare pe linia json_decode($sql, true); , eroare este: json_decode() expects parameter 1 to be string, array given
Am rezolvat problema...
-
Gasire element in array si adaugare ca prim index
JavaScript - jQuery - Ajax
Primul mesaj
Se presupune urmatorul array cu persoane:
const arr =
Vreau sa caut un anume 'name' in acel array, iar daca exista sa fie pus la inceput, cu...
Ultimul mesaj
Poti sa sortezi array-ul cu metoda sort() .
Codul urmator muta in fata (la inceput) toate obiectele cu proprietatea 'name'.
const arr = ;
let...
-
Resetare input type text dupa submit
JavaScript - jQuery - Ajax
Primul mesaj
Dupa ce dau enter sau click si a trimis mesajul nu mii se reseteaza input textul,imi trmite catre mysql fara reload incarca textul prin div dar nu...
Ultimul mesaj
\Multumesc, codul din raspunsul tau functioneaza
-
Inversare caractere adăugate într-un câmp de text
JavaScript - jQuery - Ajax
Primul mesaj
Am urmatorul cod html si JavaScript. O caseta de text input si un button.
<input type='text' id='backwards-input'>
<button...
Ultimul mesaj
Testeaza si studiaza urmatorul cod:
<input type='text' id='backwards-input'>
<button id='backwards-button'>Button</button>...
-
Adaugare text/imagini/video printr-un buton de catre utilizatori
Discutii si Intrebari Diverse
Primul mesaj
Salut,
Lucrez la un site de social media si vreau ca pentru o categorie din membrii care s-au inregistrat pe site sa existe un buton ceva prin care...
Ultimul mesaj
Am uitat sa specific ca am create un div in mijlocul paginii in interiorul caruia se va afla postarea respectivului utilizator, iar la fiecare...