الفرق بين المراجعتين لصفحة: «jQuery/last»
< jQuery
جميل-بيلوني (نقاش | مساهمات) إضافة محتويات الصفحة. |
لا ملخص تعديل |
||
| سطر 3: | سطر 3: | ||
=== القيم المعادة === | === القيم المعادة === | ||
يعيد كائنًا من النوع jQuery. | يعيد كائنًا من النوع [[jQuery/jQuery|jQuery]]. | ||
=== الوصف === | === الوصف === | ||
مراجعة 07:53، 30 مايو 2018
.last()
القيم المعادة
يعيد كائنًا من النوع jQuery.
الوصف
يزيل هذا التابع جميع العناصر المتطابقة من المجموعة باستثناء العنصر الأخير.
.last()
أُضيف مع الإصدار: 1.4. لا يقبل هذا التابع أي معاملات.
إن أعطي للتابع .last() كائن jQuery يمثل مجموعةً من عناصر DOM، فسيبني كائن jQuery جديد من العنصر الأخير في تلك المجموعة.
افترض أنه لدينا صفحة تحتوي على قائمة بسيطة مثل:
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
يمكننا تطبيق هذا التابع على مجموعة عناصر القائمة السابقة بالشكل:
$( "li" ).last().css( "background-color", "red" );
سيؤدي تنفيذ هذا السطر إلى تغيير لون خلفية العنصر الأخير من تلك القائمة إلى اللون الأحمر.
أمثلة
تحديد العنصر <span> الأخير ضمن الفقرة <p>:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>last demo</title>
<style>
.highlight {
background-color: yellow;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p><span>Look:</span> <span>This is some text in a paragraph.</span> <span>This is a note about it.</span></p>
<script>
$( "p span" ).last().addClass( "highlight" );
</script>
</body>
</html>