Elementləri silmək üçün JavaScript-də keçidlər yaratmaq

İndi tutaq ki, bizim bir çox abzasımız var:

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

Gəlin elə edək ki, hər bir abzasa onun silinməsi üçün bir keçid sonuna əlavə olunsun.

Əvvəlcə gəlin sadəcə keçidlərin əlavə edilməsini həyata keçirək:

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

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

İndi gəlin elə edək ki, keçidə kliklənəndə uyğun gələn abzas silinsin:

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 teqi verilib. Hər bir li teqinin sonuna, bu li-ni siyahıdan silmək üçün bir keçid əlavə edin.

Bir HTML cədvəli verilib. Ona bir sütun daha əlavə edin, hansında ki, cədvəl hər bir sırası üçün həmin sıranı silmək üçün bir keçid olsun.