jQuery ရှိ detach နည်းလမ်း

remove နည်းလမ်းနှင့် မတူဘဲ detach နည်းလမ်းသည် ရွေးချယ်ထားသောအရာများကို ပြန်လည်ထိန်းသိမ်းနိုင်သည့် အလားအလာဖြင့် ဖယ်ရှားပစ်သည်။

ကျွန်ုပ်တို့တွင် အောက်ပါ HTML ကုဒ်ရှိသည်ဆိုပါစို့

<p id="test">text</p>
<div></div>

ပထမဦးစွာ #test element ကို detach ကို အသုံးပြု၍ ဖယ်ရှားကြပါစို့၊ ထို့နောက် appendTo နည်းလမ်းကို အသုံးပြု၍ အခြားနေရာတွင် ပြန်လည်ထားရှိကြပါစို့ ($elem ထဲတွင် ဖယ်ရှားပြီးနောက်ပိုင်းတွင်ပင် ၎င်းနှင့် ချိတ်ဆက်မှု ကျန်ရှိနေသောကြောင့် ဖြစ်နိုင်သည်)

let $elem = $('#test');
$elem.detach(); // element ကို ဖယ်ရှားသည်

/*
	element ကို စာမျက်နှာပေါ်သို့ ပြန်လည်ထည့်သွင်းသည်
	(ယခင်ရှိခဲ့သည့်နေရာနှင့် အတူတူဖြစ်ရန် မလိုအပ်ပါ)
*/

$elem.appendTo('div');

သတိပေးချက် - $elem ကိန်ရှင်ရှိ ဒေါ်လာသင်္ကေတသည် ၎င်းအတွင်းတွင် jQuery set တစ်ခု သိမ်းဆည်းထားကြောင်း ဖော်ပြခြင်းဖြစ်သည်။

p element ကို id: #test ဖြင့် detach ကို အသုံးပြု၍ ဖယ်ရှားပါ၊ ထို့နောက် ၎င်းကို h3 ၏ ရှေ့တွင် ထည့်သွင်းပါ။