jQuery दस्तावेज़ ऑपरेशन - replaceWith() मथड़ा

उदाहरण

प्रत्येक पैराग्राफ को मोटा लिखाएं:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

स्वयं प्रयोग करें

विनिर्देश और उपयोग

replaceWith() मथड़ा चयनित एलीमेंट को निर्दिष्ट HTML सामग्री या एलीमेंट से बदलता है।

सूचना:replaceWith() और replaceAll() अभिन्न कार्यकलाप है। अंतर के बीच व्याकरण है: सामग्री और चयनक का स्थान, और replaceAll() फ़ंक्शन का उपयोग नहीं किया जा सकता है।

व्याकरण

$().replaceWith(content)
पारामीटर वर्णन
content

अनिवार्य। चयनित एलीमेंट को बदलने वाले सामग्री को निर्दिष्ट करें।

संभावित मान:

  • HTML कोड - उदाहरण के लिए ("<div></div>")
  • नया एलीमेंट - उदाहरण के लिए (document.createElement("div"))
  • मौजूदा एलीमेंट - उदाहरण के लिए ($(".div1"))

मौजूदा एलीमेंट को जाने वाला नहीं है, वह केवल कॉपी किया जाएगा और चयनित एलीमेंट को भूतान्तरित किया जाएगा।

अनिवार्य। बदलने वाले एलीमेंट को निर्दिष्ट करें।

फ़ंक्शन का उपयोग करके एलीमेंट को बदलें

फ़ंक्शन का उपयोग करके चयनित एलीमेंट को नए सामग्री से बदलें।

व्याकरण

$().replaceWith(function())

स्वयं प्रयोग करें

पारामीटर वर्णन
function() अनिवार्य। चयनित एलीमेंट को बदलने वाले नए सामग्री के लिए फ़ंक्शन वापस करना है।

और अधिक उदाहरण

नए एलीमेंट का उपयोग करके एलीमेंट को बदलें
document.createElement() का उपयोग करके एक नया DOM एलीमेंट बनाएं, फिर इसे चयनित एलीमेंट के स्थान पर बदलें।