जावास्क्रिप्ट पर तत्वों को हटाने के लिए लिंक बनाना

अब मान लीजिए कि हमारे पास कई पैराग्राफ हैं:

<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 तालिका दी गई है। इसमें एक और कॉलम जोड़ें, जिसमें तालिका की प्रत्येक पंक्ति के लिए उस पंक्ति को हटाने का लिंक हो।