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

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

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

आइए ऐसा करें कि प्रत्येक पैराग्राफ के अंत में उसे हटाने के लिए एक लिंक जोड़ा जाए।

सबसे पहले, आइए केवल लिंक जोड़ने को लागू करें:

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

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

अब आइए ऐसा करें कि लिंक पर क्लिक करने पर, संबंधित पैराग्राफ हट जाए:

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