كيف أنقل عنصر إلى داخل عنصر آخر عن طريق Jquery؟

Simoh · 5 ديسمبر 2015

لدي في صفحة Html عنصر div واريد نقله إلى داخل عنصر آخر عن طريق مكتبةJquery، مثلاً:

<div id="source">
...
</div>

و العنصر الثاني:

<div id="destination">
...
</div>

لأحصل في الأخير على :

<div id="destination">
  <div id="source">
    ...
  </div>
</div>

كيف أتمكن من فعل ذلك؟

ABD EL-RHMAN · 6 ديسمبر 2015

يمكنك عن طريق استخدام prependTo()

<script type="text/javascript">

	$(document).ready(function(){

		$('#source').prependTo('#destination');
		
	});
		
</script>

E.Nourddine · 7 ديسمبر 2015

توفّر مكتبة Jquery العديد من الدوال التي تمكّنك كمبرمج من القيام بمختلف الأوامر البرمجية الاعتيادية، ومن بينها دالتي :

appendTo والتي تمكّنك من إضافة عنصر إلى عنصر آخر في أوله، أي في أول العناصر المنطوية داخل العنصر المُستضيف:

$("#source")
    .appendTo("#destination");

prependTo لها نفس وظيفة الدالة الأولى إلا أنها تُضيف العنصر في أسفل ترتيب عناصر العنصر المُستضيف:

$("#source")
    .prependTo("#destination");

السؤال