jQuery ปฏิบัติการเอกสาร - วิธี wrapInner()

jQuery อัลกษรภาษาจีนย่อ คู่มืออิเล็กทรอนิกส์

ตัวอย่าง

ล้อมรอบเนื้อหาขององค์ประกอบ p ด้วยองค์ประกอบ b:

$(".btn1").click(function(){
   $("p").wrapInner("<b></b>");
});

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

คำนำออกและวิธีใช้

วิธี wrapInner() ใช้ HTML หรือองค์ประกอบที่กำหนดมาล้อมรอบเนื้อหาทั้งหมด (inner HTML) ขององค์ประกอบที่เลือก

รูปแบบ

$().wrapInner(wrapper)
ตัวแปร รายละเอียด
wrapper

จำเป็น กำหนดเนื้อหาที่ล้อมรอบเนื้อหาที่เลือก

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

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

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

ใช้ฟังก์ชันล้อมรอบเนื้อหา

ใช้ฟังก์ชันเพื่อกำหนดเนื้อหาที่ล้อมรอบองค์ประกอบที่เลือก

รูปแบบ

$().wrapInner(function())

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

ตัวแปร รายละเอียด
function() จำเป็น กำหนดฟังก์ชันที่กลับค่าองค์ประกอบที่ล้อมรอบองค์ประกอบที่เลือก

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

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

jQuery อัลกษรภาษาจีนย่อ คู่มืออิเล็กทรอนิกส์