الفرق بين المراجعتين لصفحة: «jQuery/unwrap»
< jQuery
Khaled-yassin (نقاش | مساهمات) أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:التابع <code>.unwrap()</code> في...' |
Khaled-yassin (نقاش | مساهمات) |
||
| سطر 5: | سطر 5: | ||
يُعيد كائنًا من النوع [[jQuery/jQuery|jQuery]]. | يُعيد كائنًا من النوع [[jQuery/jQuery|jQuery]]. | ||
الوصف إزالة آباء مجموعة العناصر المُطابقة من شجرة DOM، مع ترك العناصر المُطابقة في مكانها. | === الوصف === | ||
إزالة آباء مجموعة العناصر المُطابقة من شجرة DOM، مع ترك العناصر المُطابقة في مكانها. | |||
=== <code>.unwrap()</code> === | === <code>.unwrap()</code> === | ||
مراجعة 22:23، 22 يونيو 2018
.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>