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

طريقة jQuery wrapAll()

طريقة HTML/CSS لـ jQuery

يقوم طريقة wrapAll() بوضع العنصر المحدد حول جميع العناصر المحددة.

النحو:

$(selector).wrapAll(wrappingElement)

مثال

وضع عنصر DIV في جميع عناصر <p> المحيطة بهم:

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

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

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

يرجى ملاحظة أن جميع المحتويات بين الفصول هنا تم نسيانها، مثل (عن ماذا أنا؟):

هذا هو الفصل الأول.

هذا هو الفصل الثاني.

وماذا عني؟

هذا هو الفصل الأخير.

تشغيل الكود

الفرق بين طريقة wrap() وطريقة wrapAll():

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

قيمة المفارقة

الم参数الوصف
wrappingElementتحديد الهيكل الذي سيقوم بتعليق جميع العناصر المحددة

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

  • عنصر HTML

  • عنصر DOM

  • مثل jQuery

طريقة HTML/CSS لـ jQuery