الفرق بين المراجعتين ل"jQuery/last"
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
جميل-بيلوني (نقاش | مساهمات) ط |
|||
| سطر 15: | سطر 15: | ||
افترض أنه لدينا صفحة تحتوي على قائمة بسيطة مثل:<syntaxhighlight lang="html"> | افترض أنه لدينا صفحة تحتوي على قائمة بسيطة مثل:<syntaxhighlight lang="html"> | ||
<ul> | <ul> | ||
| − | <li> | + | <li>عنصر القائمة الأول</li> |
| − | <li> | + | <li>عنصر القائمة الثاني</li> |
| − | <li> | + | <li>عنصر القائمة الثالث</li> |
| − | <li> | + | <li>عنصر القائمة الرابع</li> |
| − | <li> | + | <li>عنصر القائمة الخامس</li> |
</ul> | </ul> | ||
| + | |||
</syntaxhighlight>يمكننا تطبيق هذا التابع على مجموعة عناصر القائمة السابقة بالشكل:<syntaxhighlight lang="javascript"> | </syntaxhighlight>يمكننا تطبيق هذا التابع على مجموعة عناصر القائمة السابقة بالشكل:<syntaxhighlight lang="javascript"> | ||
$( "li" ).last().css( "background-color", "red" ); | $( "li" ).last().css( "background-color", "red" ); | ||
| سطر 28: | سطر 29: | ||
تحديد العنصر <code>[[HTML/span|<nowiki><span></nowiki>]]</code> الأخير ضمن الفقرة <code>[[HTML/p|<nowiki><p></nowiki>]]</code>:<syntaxhighlight lang="html"> | تحديد العنصر <code>[[HTML/span|<nowiki><span></nowiki>]]</code> الأخير ضمن الفقرة <code>[[HTML/p|<nowiki><p></nowiki>]]</code>:<syntaxhighlight lang="html"> | ||
<!doctype html> | <!doctype html> | ||
| − | <html lang=" | + | <html lang="ar"> |
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
| − | <title>last | + | <title>last مثالٌ عن استعمال التابع</title> |
<style> | <style> | ||
.highlight { | .highlight { | ||
| سطر 41: | سطر 42: | ||
<body> | <body> | ||
| − | <p><span> | + | <p><span>انتبه جيدًا:</span> <span>هذا نصٌ ضمن الفقرة.</span> <span>هذه ملاحظة حول ذلك النص.</span></p> |
<script> | <script> | ||
| سطر 49: | سطر 50: | ||
</body> | </body> | ||
</html> | </html> | ||
| + | |||
</syntaxhighlight> | </syntaxhighlight> | ||
== مصادر == | == مصادر == | ||
| − | * [http://api.jquery.com/last/ صفحة التابع .last() في توثيق jQuery الرسمي.] | + | * [http://api.jquery.com/last/ صفحة التابع .last() في توثيق jQuery الرسمي.] |
[[تصنيف:jQuery]] | [[تصنيف:jQuery]] | ||
[[تصنيف:jQuery Traversing]] | [[تصنيف:jQuery Traversing]] | ||
المراجعة الحالية بتاريخ 09:57، 4 يونيو 2018
.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>