JavaScriptда элементларни ўчириш учун ҳавола яратиш

Энди бизда кўп абзацлар бор деб фараз қилайлик:

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

Келинг, ҳар бир абзацнинг охирига уни ўчириш учун ҳавола қўшиламиз.

Аввал ҳаволалар қўшишни амалга оширамиз:

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

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

Энди эса, ҳавола босилганда, унинг мос келадиган абзаци ўчирилиши учун қилайлик:

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

ul тег берилган. Ҳар бир li тегнинг охирига ушбу li тегни рўйхатдан ўчириш учун ҳавола қўшинг.

HTML жадвал берилган. Унга яна бир устун қўшинг, унда ҳар бир жадвал қатори учун ўша қаторни ўчириш учун ҳавола турилсин.