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 tag ကို ပေးထားသည်။ li tag တစ်ခုစီ၏ နောက်ဆုံးတွင် ၎င်း li ကို စာရင်းမှ ဖျက်ပစ်ရန် လင့်ခ်တစ်ခု ထည့်သွင်းပါ။

HTML ဇယားတစ်ခု ပေးထားသည်။ ဇယားတွင် နောက်ထပ် ကော်လံတစ်ခု ထည့်သွင်းပါ။ ထို ကော်လံအတွင်းတွင် ဇယား row တစ်ခုစီအတွက် ၎င်း row ကို ဖျက်ရန် လင့်ခ်တစ်ခု ပါဝင်ရမည်။