English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

طريقة jQuery wrapInner()

طرق HTML/CSS جـي كي إي

يقوم طريقة wrapInner() بتحميص العنصر المحدد حول محتوى العنصر المحدد.

القواعد:

تأمين عنصر حول المحتوى:

$(selector).wrapInner(wrappingElement)

استخدام الدالة لتأمين العنصر حول المحتوى:

$(selector).wrapInner(function(index))

مثال

تأمين <b>عنصر في كل محتوى <p>عنصر:

$("button").click(function()
  $("p").wrapInner("<b></b>");
});
اختبار لـ‹/›

هذا المثال يستخدم document.createElement() لإنشاء عنصر <b> ولف محتوى كل علامة <p> من حولها:

$("button").click(function()
  $("p").wrapInner(document.createElement("b"));
});
اختبار لـ‹/›

تعبئة المحتوى باستخدام دالة:

$("button").click(function()
  $("p").wrapInner(function()
      return document.createElement("b");
  });
});
اختبار لـ‹/›

قيمة المتغير

المتغيراتالوصف
wrappingElementتحديد عنصر HTML يلف كل محتوى العنصر المختار.

القيم المحتملة:

  • عنصر HTML

  • عنصر DOM

  • مثل جـي كي إي

function(index)تحديد دالة تعود بلفظة ملفق
  • index-إرجاع موقع العنصر في المجموعة

طرق HTML/CSS جـي كي إي