jQuery wrap()เมธอด

❮ วิธีการ jQuery HTML/CSS

ตัวอย่าง

ล้อม <div> องค์ประกอบรอบแต่ละ <p> องค์ประกอบ:

$("button").click(function(){
  $("p").wrap("<div></div>");
});

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

เมธอด wrap() ล้อมองค์ประกอบ HTML ที่ระบุรอบองค์ประกอบที่เลือกแต่ละรายการ


ไวยากรณ์

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

Parameter Description
wrappingElement Required. Specifies what HTML element(s) to wrap around each selected element

Possible values:

  • HTML elements
  • jQuery objects
  • DOM elements
function(index) Optional. Specifies a function that returns the wrapping element
  • index - Returns the index position of the element in the set

ลองด้วยตัวคุณเอง - ตัวอย่าง


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


การใช้ฟังก์ชันเพื่อระบุสิ่งที่จะล้อมแต่ละองค์ประกอบที่เลือก


วิธีสลับระหว่างการห่อและแกะองค์ประกอบ


❮ วิธีการ jQuery HTML/CSS