jQuery replaceWith() พร้อมตัวอย่าง

วิธี replaceWith() ใน jQuery ใช้เพื่อแทนที่องค์ประกอบที่เลือกด้วยเนื้อหาใหม่

ไวยากรณ์

ไวยากรณ์มีดังนี้ −

$(selector).replaceWith(content,function(index))

ด้านบน พารามิเตอร์เนื้อหาคือเนื้อหาที่ต้องแทรก ในขณะที่ฟังก์ชันนั้นเพื่อส่งคืนเนื้อหาที่จะแทนที่

ตัวอย่าง

ต่อไปนี้ให้เราดูตัวอย่างเพื่อใช้ วิธี replaceWith() ของ jQuery −

 ตัวอย่างสด

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $("button").click(function(){
         $("h2").replaceWith("<h2>This is it!</h2>");
      });
   });
</script>
</head>
<style>
div {
   margin: 10px;
   width: 60%;
   border: 2px dashed orange;
   padding: 5px;
   text-align:justify;
}
</style>
<body>
<div>
<h2>Demo Heading</h2>
<h2>Demo Heading</h2>
<h2>Demo Heading</h2>
<h2>Demo Heading</h2>
</div>
<p>Click the below button to update headings</p>
<button>Click</button>
</body>
</html>

ผลลัพธ์

จะแสดงผลลัพธ์ดังต่อไปนี้ −

ตอนนี้ คลิกปุ่มเพื่ออัปเดตหัวเรื่อง −

อัปเดตล่าสุด: 31 ธันวาคม 2019

235 ครั้งที่ดู

เริ่มต้นอาชีพของคุณ ของคุณ

รับการรับรองโดยการลงหลักสูตรให้จบ

เริ่มต้นเลย
广告