Elementide kustutamise lingi loomine JavaScriptis

Oletame nüüd, et meil on mitu lõigu:

<div id="parent">
	<p>text1</p>
	<p>text2</p>
	<p>text3</p>
</div>

Teeme nii, et igale lõigule lõppu lisatakse link selle kustutamiseks.

Alustuseks lihtsalt rakendame linkide lisamise:

let elems = document.querySelectorAll('#parent p');

for (let elem of elems) {
	let remove = document.createElement('a');
	remove.href = '';
	remove.textContent = 'remove';
	
	elem.appendChild(remove);
}

Teeme nüüd nii, et klõpsates lingil, kustutatakse sellele vastav lõik:

let elems = document.querySelectorAll('#parent p');

for (let elem of elems) {
	let remove = document.createElement('a');
	remove.href = '';
	remove.textContent = 'remove';
	elem.appendChild(remove);
	
	remove.addEventListener('click', function(event) {
		elem.remove();
		event.preventDefault();
	});
}

Antud silt ul. Lisage iga sildi li lõppu link selle li kustutamiseks loendist.

Antud HTML tabel. Lisage sellele veel üks veerg, kus iga tabeli rea jaoks on link selle rea kustutamiseks.