التابع ‎‎.last()‎‎ في 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.

‎.last()‎

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

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

الوصف

يزيل هذا التابع جميع العناصر المتطابقة من المجموعة باستثناء العنصر الأخير.

‎.last()‎

أُضيف مع الإصدار: 1.4. لا يقبل هذا التابع أي معاملات.

إن أعطي للتابع ‎.last()‎ كائن jQuery يمثل مجموعةً من عناصر DOM، فسيبني كائن jQuery جديد من العنصر الأخير في تلك المجموعة.

افترض أنه لدينا صفحة تحتوي على قائمة بسيطة مثل:

<ul>
  <li>عنصر القائمة الأول</li>
  <li>عنصر القائمة الثاني</li>
  <li>عنصر القائمة الثالث</li>
  <li>عنصر القائمة الرابع</li>
  <li>عنصر القائمة الخامس</li>
</ul>

يمكننا تطبيق هذا التابع على مجموعة عناصر القائمة السابقة بالشكل:

$( "li" ).last().css( "background-color", "red" );

سيؤدي تنفيذ هذا السطر إلى تغيير لون خلفية العنصر الأخير من تلك القائمة إلى اللون الأحمر.

أمثلة

تحديد العنصر <span> الأخير ضمن الفقرة <p>:

<!doctype html>
<html lang="ar">
<head>
  <meta charset="utf-8">
  <title>last مثالٌ عن استعمال التابع</title>
  <style>
  .highlight {
    background-color: yellow;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<p><span>انتبه جيدًا:</span> <span>هذا نصٌ ضمن الفقرة.</span> <span>هذه ملاحظة حول ذلك النص.</span></p>
 
<script>
$( "p span" ).last().addClass( "highlight" );
</script>
 
</body>
</html>

مصادر