• 0

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

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

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 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- لتحديد العناصر الخمسة الأخيرة.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن