اذهب إلى المحتوى
  • 0

كيف أحدد 5 عناصر الأخيرة بـ Jquery؟

Badraoui

السؤال

هل بإمكاني تحديد 5 عناصر الأخيرة عن طريق كود Jquery؟ وكيف ذلك؟

بطريقة أخرى، نفترض مثلا لدي عنصر div وبه 10 عناصر ،كيف أتمكن من تحديد 5 عناصر الأخيرة الموجودة داخله؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0
<div id="parent">
<div> dev A</div>
<div> dev B</div>
<div> dev C</div>
<div> dev D</div>
<div> dev E</div>
<div> dev F</div>
<div> dev G</div>
<div> dev H</div>
<div> dev I</div>
<div> dev J</div>
</div>

كود jQuery

<script type="text/javascript">
$(function()
{
	var divJ = $("#parent div:last-child") ;
	var divI = divJ.prev();
	var divH = divI.prev();
	var divG = divH.prev();
	var divF = divG.prev();
})
</script>

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

طريقة أخرى ادا تريد جلبهم جماعيا

<script type="text/javascript">
$(function()
{
	var allDiv=$("#parent").children();

	for(var i = allDiv.length-5 ; i<allDiv.length ; i++)
	{
	document.write(allDiv[i].innerHTML+"<br/>")
	}
})
</script>

غير رقم 5 بعدد الديفات التي تريد متلا لو تريد 8 غير 5 الى 8 وسيتم جلبهم بالتوفيق

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

تمكنّك دالة slice الموجودة على Jquery  من تحديد مجموعة عناصر داخل العنصر الأم، وذلك بإعطاء عدد العناصر المراد تحديدها، حيث يبدأ العد من العنصر الأول، مثال:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("p").slice(2).css("background-color", "yellow");
});
</script>
</head>
<body>

<h1>Welcome to My Homepage</h1>

<p>My name is Donald (index 0).</p>
<p>Donald Duck (index 1).</p>
<p>I live in Duckburg (index 2).</p>
<p>My best friend is Mickey (index 3).</p>

<div>In this example, we start the selection of p elements from the p element with index position 2. All p elements from this point will be selected. Note that the index numbers start at 0.</div>

</body>
</html>

سيتم تحديد الوسمين <P> وتلوينهما باللون الأصفر، لأنه تم استعمال الكود:

$("p").slice(2).css("background-color", "yellow");

* ملاحظة جد مهمة: أرفقنا الدالة هنا بالرقم 2 لأننا أردنا تحديد العنصرين الأوليين، لكن عند تحديد العناصر الأخيرة سنستعمل القيمة (-2) لتحديد العنصرين الأخيرين.

أي الحل بالنسبة لسؤالك هو:

var e = $('#someelement > div').slice(-5);

حيث: someelement# هو تعريف id المُعَرّف للعنصر المراد تحديد 5 عناصر الأخيرة بداخله.

والقيمة 5- لتحديد العناصر الخمسة الأخيرة.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...