jQuery عملیات مستند - روش replaceWith()

دستورالعمل‌های اثرات 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() ضروری. یک تابع برای بازگرداندن محتوای جدید عنصر انتخاب شده ارائه می‌دهد.

مثال‌های بیشتر

از عنصر جدید برای جایگزینی عنصر استفاده کنید
برای ایجاد یک عنصر جدید DOM با استفاده از document.createElement() استفاده کنید، سپس از آن برای جایگزینی عنصر انتخاب شده استفاده کنید.

دستورالعمل‌های اثرات jQuery