jQuery การจัดการเอกสาร - วิธี wrapAll()

jQuery อัลกึมภาษาอิเล็กทรอนิกส์

ตัวอย่าง

ล้อมรอบทุกย่องเนื้อหาด้วย <div> :

$(".btn1").click(function(){
   $("p").wrapAll("<div></div>");
});

ลองด้วยตัวเอง

คำอธิบายและวิธีใช้

wrapAll() ใส่องค์ประกอบที่ถูกเลือกทั้งหมดใน HTML หรือองค์ประกอบที่กำหนด

รูปแบบ

$().wrapAll(wrapper)
ตัวแปร คำอธิบาย
wrapper

สำคัญ

ค่าที่เป็นไปได้:

  • รหัส HTML - ตัวอย่าง ("<div></div>")
  • องค์ประกอบ DOM ใหม่ - ตัวอย่าง (document.createElement("div"))
  • องค์ประกอบที่มีอยู่แล้ว - ตัวอย่าง ($(".div1"))

องค์ประกอบที่มีอยู่แล้วจะไม่ถูกย้ายที่แต่จะถูกคัดลอกและล้อมรอบองค์ประกอบที่ถูกเลือก

ตัวอย่างเพิ่มเติม

ใช้องค์ประกอบ DOM ใหม่เพื่อล้อมรอบ
สร้างองค์ประกอบ DOM ใหม่เพื่อล้อมรอบองค์ประกอบที่ถูกเลือก

jQuery อัลกึมภาษาอิเล็กทรอนิกส์