كيف يمكنني اخفاء صفوف من جدول بإستخدام (JQuery)؟

السلام عليكم

عليك الإطلاع على أساسيات إستخدام مكتبة jQuery وسوف تستطيع عمل هذا بسهوله

ستضع id للعناصر التى تريد إخفاءها هكذا :

<div class="post-body">
	<div dir="ltr">
    	<table>
        	<tr><td><div id="remove">الصف الاول</div></td></tr>
        	<tr><td>محتوي</td></tr>
        	<tr><td><div id="remove">الصف الاخير</div></td></tr>
    	</table>
	</div>
</div>

ثم تقوم بعمل هذا الكود لإخفاء العناصر عند تحميل الصفحة أو تضعة فى أى حدث تريده ليتم إخفاء العناصر عند تطبيق الحدث :

$(function(){

	$('#remove').hide();

});

شكرا جزيلا اخي العزيز علي ردك الكريم

ولكن المشكله هنا ان هذة الجداول موجودة بالفعل وليست سيتم تخليقها من جديد

سأوضح مقصدي قليلا:

المدونة التي املكها الموضوعات التي تمت كتابتها بحيث يكون الموضوع علي شكل جدول به ثلاثه صفوف الصف الاول والاخير للأعلانات وغيره والصف الاوسط لمحتوي الموضوع. وكان كل هذا يتم يدويا.

الموضوعات التي كانت تتم نشرها في المدونة كانت علي نفس الشكل الذي بالرابط في الاعلي

كل ما اريد فعله هنا هو ان اخفي صفين الاعلانات واعرض فقط صف المحتوي

كل ما توصلت اليه حتي الان هو هذا الكود

$(document).ready(function(){
    $('div.post-body > div > table tr:not(:nth-child(2))').hide();
})

هو يقوم فعلا باخفاء الصفين الاول والاخير ولكنه ايضا يخفي محتوي الصف الاوسط ولا يلغي الصف نفسه, لااعرف لماذا؟؟؟

شكرا مره اخري لردك الكريم وارجو المحاوله معي مره اخري لحل هذه المشكله.

شكرا

السلام عليكم

جرب هذا :

$(function(){

	$('.post-body').find('table').find('tr').first().hide();
	$('.post-body').find('table').find('tr').last().hide();

});

ahmedsaoud31 كتب:

السلام عليكم

جرب هذا :

$(function(){

	$('.post-body').find('table').find('tr').first().hide();
	$('.post-body').find('table').find('tr').last().hide();

});

شكرا جزيلا اخي الكريم, لقد تم حل المشكله بواسطه هذا الكود الذي تفضلت بإضافتة :)