Aug
19
2009
Manipulation

การใช้งาน appendTo

Author An article by บริษัท เก้ายอดสตูดิโอ จำกัด    Comments No Comments

มาดูการใช้งาน Function appendTo กันครับ
appendTo นั้นความสามารถของมันคือเราสามารถที่จะ แทรก Tag หรือ elements อื่นๆเข้าไปใน
elements ที่เราต้องการได้

เช่น

1
2
3
4
5
6
7
8
<script>
  $(document).ready(function(){
         $('span').appendTo('#foo');
  });
</script>

<span>I am a Programmer.</span>
<p id='foo'>Hello,</p>

จาก Code ด้านบน จะเห็นว่าจะมี Element อยู่สองตัวด้วยกันคือ SPAN กับ P
ถ้าหากเรายังไม่ได้ใช้ appendTo นั้นการแสดงผลของ Element ทั้งสองจะเป็นแบบนี้ครับ

1
2
<span>I am Programmer</span>
<p>Hello,</p>

และเมื่อเราใช้ appendTo แล้วมันจะเอา Element SPAN มาแทรกใน P แบบนี้ครับ

1
   <p>Hello, <span>I am programmer</span> </p>

จะเห็นว่าประโยชน์นี้ เราเอาไปใช้งานกับการ ทำงานแบบ ajax ได้เช่น ถ้านำไป update element ที่ต้องการ
สามารถย้าย element ที่ต้องการไปใว้ใน element อื่นๆได้เป็นต้น การนำไปใช้งานนั้นก็ขึ้นอยู่กัน ไอเดีย ของแต่ละคนว่าจะเอาไปทำอะไรต่อได้อีก

 

Comments are closed.