• 0

كيف أحدّد عنصر div شَرطَ توفره على عنصر معين؟

لديّ على صفحة Html العناصر التالية:

<div id="items">

    <div id="block1" class="item">
        <span class="tagOne tag">One</span>
        <span class="tagTwo tag">Two</span>
    </div>

    <div id="block2" class="item">
        <span class="tagOne tag">Java</span>
    </div>

</div>

وهذا كود JavaScript  المستخدم لتحديد عنصر block :

var blocks =  $('#items .item');

blocks.filter('.item').find('[class*="tagOne"]').parent();
blocks.filter('.item').find('[class*="tagTwo"]').parent();


وقد استخدمت الكود التالي لتعيين block المحتوي على العنصرين :

blocks.filter('.item').find('[class*="tagOne"][class*="tagTwo"]');

لكن لم أنجح في فعل ذلك، فكيف؟

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


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

أول ملاحظة، Id الموجود على عنصر يجب ألا يتكرر داخل عنصر آخر نظراً لأنه يتميز بخاصية Unique.

في حال كنت ستستعمل أداة تعريف في عدة عناصر بنفس القيمة، عليك باستعمال class، هي مخصصة لذلك.

  1. حدد أي عنصر بين العنصرين tagOne. أو tagTow.
  2. استعمل https://api.jquery.com/siblings/ لتحديد العنصر المحتوي على أسماء كلاس أخرى.
  3. استعمل https://api.jquery.com/closest/ لتحديد العنصر المُختَوي له.

الكود:

('.tagOne') // لتحديد العنصر الأول
  .siblings('.tagTwo') // لتحديد العنصر الثاني في حال توفره على كلاس آخر
  .closest('.item') // تحديد العنصر الأب أو المُحتوي له.

 

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


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

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

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

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


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

تسجيل الدخول

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


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