Дар 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 дода шудааст. Ба он як сутуни дигар илова кунед, ки дар он барои ҳар як қатори ҷадвал истиноде барои нест кардани ин қатор бошад.