إضافة آخر CSS نمط لعناصر الطفل والتي هي أيضا الآباء والأمهات

Question

وهكذا قائمتي تبدو شيئا مثل هذا:

<div="list">
  <ul>
    <li class="page item">Parent 1
      <ul>
        <li class="page item">Child of Parent 1 and Parent of Grandchild
          <ul>
            <li class="page item">Grandchild</li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</div>

وهذا هو من خلال list_wp_pages وورد "جنبا إلى جنب مع CSS مخصصة suckerfish مثل كود المنسدلة CSS. لا شيء يمكن أن يتغير في قائمة غير مرتبة نفسها، لذلك أنا بحاجة لايجاد وسيلة لإضافة نمط CSS إلى صفحات طفل الوحيدة التي هي أيضا الآباء والأمهات (الطفل من الوالد 1 ...).

ولقد تم في محاولة لإضافة رمز السهم فقط للصفحات الطفل أن لديك صفحات الطفل من تلقاء نفسها. وأنا أحسب أن أتمكن من استخدام:

$("#target").addClass("newclass"); 

وإضافة طبقة إضافية مع رمز السهم كصورة خلفية.

وشكرا!

Answer 1

$("#target li").each(function() {
    if ( $("ul:eq(0)", this).length > 0 ) {
        $(this).addClass("class_name");
    }
});

والشيكات كل عنصر القائمة تحت #target لمعرفة إذا كان لديه قائمة غير مرتبة طفل واحد على الأقل، وإذا فعلت ذلك، ثم يضيف اسم فئة إلى عنصر القائمة هو يفحص فقط.