بالجيكوري ، كيف يمكن لي تحديد كلاسات متعددة باستخدام Selector

السلام عليكم

لدي سؤال بخصوص الجيكوري وهو كيف يمكن لي تحديد أكثر من قسم باستعمال

جربت هذه الصيغة ووجدت أنها مكررة

$(".recentpost li:first").addClass("col-md-6");
$(".recentpost li:second ").addClass("col-md-6");
$(".recentpost li:third ").addClass("col-md-3");
$(".recentpost li:fourth ").addClass("col-md-3");

ما أريده هو كيف يمكن لي اختصار الصياغة أعلاه ، بحيث يتم إضافة col-md-6 إلى السطر الأول والثاني وcol-md-3 إلى السطر الثالث والرابع


التعليق السابق
-1

في البدايه تحياتي لك ولجميع اخوتي العرب في كل مكان .

نعم اخي

شكرا لك صديقي :)

لقد قمت فعلا بعمل دورة صغيرة مبسطة لنفس فكرة جلب البيانات من رابط ال JSON FEED الخاص ببلوجر :

هي دورة من 7 دروس حيث قمت بتبسيط الفكرة قدر المستطاع، وهذه قائمة من الاكواد التي ستسعملها لجلب البيانات لمدونة على بلوجر :)

الرابط هو لمدونة خاص بي اهملتها لمدة ازيد من سنة ولدي مخطط لاعادة احياء هذه المدونة وافادة الشباب العرب في فهم التطوير على بلوجر باحتراف :)

اشكرك اخي ولكني شاهدتها كلها منذ اليوم الثاني لها علي يوتيوب وكذلك مدونتك الاحترافيه قد قرأت جميع ما فيها .. وكان لي سؤال اخر هل لك ان تجيبني عليه (فضلاً وليس أمراً)

تفضل اخي الكريم ما هو؟

كيف يتم عمل قوائم Mega Menu في بلوجر

ايضا تستعمل ال JSON مع القليل من اكواد الجيكويري مثلا الدوال التالية : .find() او .match()

مثلا في القائمة انا افضل الاعتماد على احدى الاداتين التاليتين : PageList or LinkList ولنفترض هذه ال Linklist لها كلاس معين لكي نستطيع البحث ضمنها على string ليتم طباعة الناتج بدلها. الامر ليس صعب لكن معقد نوعا ما ويحتاج شرحا مطولا ومفصلا لفهم الامر لذلك فقط ساحاول توضيح بعض الامور كمثال فقط.

هذا كود ل section ضمنه اداة LinkList مخصصة :

<b:section class='menu' id='menu' maxwidgets='1' showaddelement='no'>
  <b:widget id='LinkList1' locked='true' title='Bages' type='LinkList' version='1' visible='true'>
    <b:includable id='main'>
       <ul>
         <b:loop values='data:links' var='link'>
           <li expr:class='data:link.name'><a expr:href='data:link.target'><data:link.name/></a></li>
         </b:loop>
       </ul>
    </b:includable>
  </b:widget>
</b:section>

حسب ما ترى لدينا كلاس الا وهو menu. وهو ما سنحتاجه للاستدعاء عبر الجيكويري!

$(".menu ul > li > a").each(function() {
    var $this = $(this),
        text = $this.text();
    if (text.match('megamenu')) {
        هنا الكود الخاص بال JSON
    }
});

هذا الكود سيقوم بطبع البيانات التي تم جلبها من ال json عندما يتطابق النص المتواجد ضمن العنصر a اي انه اذا قمت بكتابة megamenu مباشرة سيتم طبع المقالات لكن هذا لا يستثني ان تقوم بانشاء function لطبع البيانات التي قمت بجلبها من خلال JSON انا فقط وضحت الطريقة، عموما الشرح طويل ويحتاج فيديو!!

-1

جزاك الله خيراً ..... ولدي الكثير من الاسئله ولكن اعرف ان الساعه الان قاربت علي الواحده وهو ميعاد نوم فأنا اشكرك جداً علي هذا المجهود والي لقاء اخر ان شاء الله ولكن في المره القادمه سوف يكون حواراً مفتوح :)

شكراً صديقي

العفو اخي الكريم هذا واجب :)