jQuery Document Operations - replaceWith() Method

دليل إجراءات jQuery

مثال

تبديل كل جملة بالنص الكبير:

$(".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 جديد، ثم استخدمه لتبديل العنصر المحدد.

دليل إجراءات jQuery