التابع ‎.unwrap()‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

‎.unwrap()‎

القيمة المعادة

يُعيد كائنًا من النوع jQuery.

الوصف

إزالة آباء مجموعة العناصر المُطابقة من شجرة DOM، مع ترك العناصر المُطابقة في مكانها.

‎.unwrap()‎

أُضيف مع الإصدار: 1.4.

لا يقبل هذا الشكل أي وسائط.

‎.unwrap( [selector ] )‎

أُضيف مع الإصدار: 3.0.

selector

محدد للتحقق من العنصر الأب من النوع String. إذا لم يتطابق العنصر الأب لأحد العناصر مع المحدد، فلن يُحذف.

يُزيل التابع ‎.unwrap()‎ العنصر الأب ويُعيد محتواه بدونه. وهو بالضبط معكوس التابع ‎.wrap()‎. وتحل العناصر المطابقة (ومثيلاتها، إن وجدت) محل آبائها داخل بنية DOM.

أمثلة

إزالة أو إعادة العنصر <div> حول كل الفقرات <p>:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>unwrap مثال على التابع</title>
  <style>
  div {
    border: 2px solid blue;
  }
  p {
    background: yellow;
    margin: 4px;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
  <button>wrap/unwrap</button>
<p>مرحبا</p>
<p>أيها</p>
<p>العالم</p>
<script>
var pTags = $( "p" );
$( "button" ).click(function() {
  if ( pTags.parent().is( "div" ) ) {
    pTags.unwrap();
  } else {
    pTags.wrap( "<div></div>" );
  }
});
</script>
 
</body>
</html>

مصادر