JavaScriptda elementlarni o'chirish uchun havolalar yaratish

Endi bizda ko'p abzatslar bor deb faraz qilaylik:

<div id="parent">
	<p>matn1</p>
	<p>matn2</p>
	<p>matn3</p>
</div>

Keling, har bir abzatsning oxiriga uni o'chirish uchun havola qo'shilishini ta'minlaylik.

Boshlanish uchun keling, shunchaki havola qo'shishni amalga oshiramiz:

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

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

Endi keling, havola bosilganda unga mos keladigan abzats o'chiriladigan qilaylik:

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 tegi berilgan. Har bir li tegi oxiriga ushbu li ni ro'yxatdan o'chirish uchun havola qo'shing.

HTML jadvali berilgan. Unga yana bitta ustun qo'shing, unda jadvalning har bir qatori uchun shu qatorni o'chirish havolasi bo'lsin.