Stergerea etichetelor div cu o clasa specifica

Saptamana trecuta m-am lovit de aceasta tema. Este data o pagina html ce contine:

red
green
red
green
red

Obiectul meu este sa sterg toate divurile din html avand clasa ‘red’ ( div class=’red’ ) .

Si pentru asta am avut de inserat urmatorul cod javascript la sfarsitul paginii:

$(‘div’).remove(‘.red’);

si mi-a rezultat urmatorul cod html:

green
green

———————————————————————-
Bineinteles din acest javascript se poate crea o functie si asocia ca eveniment pentru un link

ex functia javascript:

function delRedDivs() {
$(‘div’).remove(‘.red’);
}

+ inseram urmatorul link in html:

Sterge divurile avand clasa ‘red’

Dupa ce se va da clic pe link va rezulta html-ul ‘curatat’.

ATENTIE! Pentru a folosi jquery trebuie inclusa jquery.js.

Leave a Reply