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

السؤال

نشر

هل بإمكاني تحديد 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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...