PDA

View Full Version : نمايش سطر هاي يك جدول و يا مخفي كردن آنها با كمك Jquery



peymannaji
دوشنبه 23 فروردین 1389, 09:29 صبح
با سلام


فرض كنيد يك جدول داريد كه 10 سطر داره و سطرها از شماره 1 تا 10 نام گذاري شده حالا يك از طريق كلاس يا ID .


حالا من ميخوام با كمك Jquery سطر 4 تا 8 را نمايش بدم و ساير سطرها نمايش داده نشن . يعني سطر 1 تا 3 و 9 تا 10 مخفي بشه .

تشكر

امیـرحسین
دوشنبه 23 فروردین 1389, 20:03 عصر
برای این کارها در جی کوئری روشهای زیادی وجود داره. از تابع slice (http://api.jquery.com/slice/) یا map (http://api.jquery.com/map/) یا eq (http://api.jquery.com/eq/) یا selectorهای تگی می تونید استفاده کنید.
با توابع nextUntil (http://api.jquery.com/nextUntil/) و prevUntil (http://api.jquery.com/prevUntil/) هم میشه + کلی روش دیگه.
نمونه:
var TRs = $('#myTable tr');

TRs.slice(0, 2).hide(); // 1 , 2 , 3
TRs.slice(0, 4).show(); // 4 , 5 , 6 , 7 , 8
TRs.slice(0, 1).hide(); // 9 , 10


TRs.map(function(index) {
if( (index >= 0 && index <= 2) || (index >= 8 && index <= 9) )
return true;
}).hide();
TRs.map(function(index) {
if(index >= 3 && index <= 7)
return true;
}).show();


TRs.first().nextUntil(':nth-child(2)').hide();
TRs.find(':eq(3)').nextUntil(':eq(7)').show();
TRs.find(':eq(8)').nextUntil(':eq(9)').hide();

peymannaji
دوشنبه 23 فروردین 1389, 20:42 عصر
تشکر دوست عزیز . با تابع slice میشه گفت یک بازه مشخص میکنه و در اون بازه عملیاتی رو اعمال میکنه ؟ درو اقع با یک خط کد میشه کاری که میخواستم رو انجام بدم ؟

در ضمن با تابع nextall و prevall سلکتور به شکل نوشته میشه ؟


با تشکر