Elementu dzēšanas saistu izveide JavaScript

Pieņemsim, ka mums ir vairāki rindkopas:

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

Izveidosim tā, lai katrai rindkopai beigās tiktu pievienota saite, lai to dzēstu.

Sākumā vienkārši realizēsim saišu pievienošanu:

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

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

Tagad padarīsim tā, lai noklikšķinot uz saites, tiktu dzēsta atbilstošā rindkopa:

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();
	});
}

Dots tags ul. Pievienojiet katra li tags beigās saiti, lai dzēstu šo li no saraksta.

Dota HTML tabula. Pievienojiet tai vēl vienu kolonnu, kurā katrai tabulas rindai būs saite šīs rindas dzēšanai.