Skep van skakels vir die verwydering van elemente in JavaScript

Laat ons nou aanneem ons het baie paragrawe:

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

Laat ons maak dat 'n skakel om dit te verwyder aan die einde van elke paragraaf gevoeg word.

Om te begin, laat ons net die byvoeging van die skakels implementeer:

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

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

Laat ons nou maak dat wanneer op die skakel geklik word, die ooreenstemmende paragraaf verwyder word:

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

Gegewe die ul etiket. Voeg aan die einde van elke li etiket 'n skakel toe om daardie li uit die lys te verwyder.

Gegewe 'n HTML tabel. Voeg nog 'n kolom daarin by, waarin daar vir elke ry van die tabel 'n skakel sal wees om daardie ry te verwyder.