الفرق بين المراجعتين لصفحة: «jQuery/unwrap»
< jQuery
Khaled-yassin (نقاش | مساهمات) |
لا ملخص تعديل |
||
| سطر 17: | سطر 17: | ||
==== <code>selector</code> ==== | ==== <code>selector</code> ==== | ||
محدد للتحقق من العنصر الأب من النوع [[JavaScript/String|String]]. إذا لم يتطابق العنصر الأب لأحد العناصر مع المحدد، فلن يُحذف. | محدد للتحقق من العنصر الأب من النوع [[JavaScript/String|<code>String</code>]]. إذا لم يتطابق العنصر الأب لأحد العناصر مع المحدد، فلن يُحذف. | ||
يُزيل التابع <code>.unwrap()</code> العنصر الأب ويُعيد محتواه بدونه. وهو بالضبط معكوس التابع <code>[[jQuery/wrap|.wrap()]]</code>. وتحل العناصر المطابقة (ومثيلاتها، إن وجدت) محل آبائها داخل بنية DOM. | يُزيل التابع <code>.unwrap()</code> العنصر الأب ويُعيد محتواه بدونه. وهو بالضبط معكوس التابع <code>[[jQuery/wrap|.wrap()]]</code>. وتحل العناصر المطابقة (ومثيلاتها، إن وجدت) محل آبائها داخل بنية DOM. | ||
=== أمثلة === | === أمثلة === | ||
إزالة | إزالة أو إعادة العنصر <code>[[HTML/div|<nowiki><div></nowiki>]]</code> حول كل الفقرات <code>[[HTML/p|<nowiki><p></nowiki>]]</code>:<syntaxhighlight lang="html"> | ||
<!doctype html> | <!doctype html> | ||
<html lang="en"> | <html lang="en"> | ||
المراجعة الحالية بتاريخ 11:20، 23 يونيو 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>