ล่าสุดการพัฒนาเว็บบทเรียน
 

jQuery wrapInner() Method

<jQuery HTML / วิธี CSS

ตัวอย่าง

ห่อ <b> องค์ประกอบรอบ ๆ เนื้อหาของแต่ละ <p> องค์ประกอบ:

$("button").click(function(){
    $("p").wrapInner("<b></b>");
});
ลองตัวเอง»

ความหมายและการใช้งาน

wrapInner() วิธีการตัด HTML ระบุ element(s) รอบเนื้อหา (innerHTML) ขององค์ประกอบที่เลือกแต่ละ


วากยสัมพันธ์

$(selector).wrapInner(wrappingElement,function(index))

พารามิเตอร์ ลักษณะ
wrappingElement จำเป็นต้องใช้ ระบุว่าองค์ประกอบ HTML (s) เพื่อห่อรอบเนื้อหาขององค์ประกอบที่เลือกแต่ละ

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

  • องค์ประกอบ HTML
  • วัตถุ jQuery
  • องค์ประกอบ DOM
function (index) ไม่จำเป็น ฟังก์ชั่นระบุที่ส่งกลับองค์ประกอบห่อที่
  • index - กลับตำแหน่งดัชนีขององค์ประกอบในชุด

ลองตัวเอง - ตัวอย่าง

สร้างองค์ประกอบใหม่กับ DOM
วิธีการใช้ document.createElement() เพื่อสร้างองค์ประกอบและตัดไปรอบ ๆ เนื้อหาขององค์ประกอบที่เลือกแต่ละ

ห่อเนื้อหาโดยใช้ฟังก์ชั่น
การใช้ฟังก์ชั่นเพื่อระบุว่าจะห่อรอบเนื้อหาขององค์ประกอบที่เลือกแต่ละ


<jQuery HTML / วิธี CSS