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

طريقة jQuery wrap()

طريقة HTML/CSS jQuery

يستخدم طريقة wrap() لتحديد العنصر HTML المحدد لتغليف كل عنصر مختار.

استخدامunwrap()الطريقة إزالة العنصر الأب ل العنصر المحدد.

النحو:

عنصر التغليف:

$.selector.wrap(wrappingElement)

استخدام دالة لتشغيل العناصر

$.selector.wrap(function(index))

مثال

وضع عنصر DIV حول كل علامة <p> الموجودة:

$("button").click(function(){
  $("p").wrap("<div></div>");
});
اختبار رؤية‹/›

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

$("button").click(function(){
  $("p").wrap(document.createElement("div"));
});
اختبار رؤية‹/›

استخدام دالة لتشغيل العناصر

$("button").click(function(){
  $("p").wrap(function(){
      return document.createElement("div");
  });
});
اختبار رؤية‹/›

التبديل بين تعليق العناصر والانفصال عنها

$("#btn1").click(function(){
  $("p").wrap("<div></div>");
});
$("#btn2").click(function(){
  $("p").unwrap();
});
اختبار رؤية‹/›

قيمة الم 参数

الم 参数الوصف
wrappingElementتحديد بنية تحتية لكل عنصر مختار

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

  • عنصر HTML

  • عنصر DOM

  • عنصر jQuery

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

طريقة HTML/CSS jQuery