دستورالعمل‌های جی کوئری - روش wrapInner()

دستورالعمل جی کوئری

مثال

یک عنصر b را حول محتوای هر عنصر p بپوشانید:

$(".btn1").click(function(){
   $("p").wrapInner("<b></b>");
});

خودتان امتحان کنید

تعریف و استفاده

مетод wrapInner() از محتوای HTML یا عنصر مشخص شده برای پوشاندن هر محتوای داخلی (HTML داخلی) هر عنصر انتخاب شده استفاده می‌کند.

منطق

$().wrapInner(پوشاننده)
پارامترها توضیح
پوشاننده

ضروری است. محتوایی که باید در اطراف محتوای انتخاب شده پوشانده شود را مشخص کنید.

ممکنه‌ها:

  • کد HTML - مثلاً ("<div></div>")
  • عناصر جدید DOM - مثلاً (document.createElement("div"))
  • عناصر موجود - مثلاً ($(".div1"))

عناصر موجود منتقل نمی‌شوند، فقط کپی می‌شوند و حول عناصر انتخاب شده بسته می‌شوند.

از تابع برای پوشاندن محتوا استفاده کنید

از تابع برای تعیین محتوایی که در اطراف هر عنصر انتخاب شده قرار می‌گیرد، استفاده کنید.

منطق

$().wrapInner(تابع())

خودتان امتحان کنید

پارامترها توضیح
تابع() ضروری است. تابعی که باید عنصر پوشاننده را تعیین کند را مشخص کنید.

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

از عنصر جدید برای پوشاندن استفاده کنید
یک عنصر جدید DOM ایجاد کنید تا هر عنصر انتخاب شده را بپوشاند.

دستورالعمل جی کوئری