Seçici
  • için sınıf eklemek için nasıl
  • 0 Cevap php

    Merhaba <span class="separator"> bir sınıf ve <li> için farklı bir sınıf ile bir alt öğeyi var <li> Her liste öğesi için bir sınıf eklemek için bir çözüm arıyorum Bir çapa bağlantı ile.

    Joomla kullanımı ve menü biraz böyle oluşturuluyor:

    <ul class="menu">
      <li class="item1"><a href="<!-- link goes here -->"><span>Home</span></a></li>
      <li class="parent item59"><span class="separator"><span>Demo</span></span></li>
      <li class="item62"><a href="<!-- link goes here -->"><span>Article</span></a></li>
      <li id="current" class="parent active item27"><a href="<!-- link goes here -->"><span>CMS</span></a>
        <ul>
    
          <li class="item50"><a href="<!-- link goes here -->"><span>The News</span></a></li>
          <li class="item48"><a href="<!-- link goes here -->"><span>Web Links</span></a></li>
          <li class="item65"><span class="separator"><span /></span></li>
          <li class="item49"><a href="<!-- link goes here -->"><span>News Feeds</span></a></li>
          <li class="item66"><span class="separator"><span /></span></li>
          <li class="item67"><span class="separator"><span /></span></li>
          <li class="item68"><span class="separator"><span /></span></li>
    
        </ul>
      </li>
      <li class="item71"><span class="separator"><span>Help</span></span></li>
    </ul>
    

    İstediğim son çıkış altında gibi görünüyor böylece <li> çocuklarının öğeye bağlı olarak sınıf "anclink" veya "seplink" eklemektir.

    <ul class="menu">
      <li class="item1 anclink"><a href="<!-- link goes here -->"><span>Home</span></a></li>
      <li class="parent item59 seplink"><span class="separator"><span>Demo</span></span></li>
      <li class="item62 anclink"><a href="<!-- link goes here -->"><span>Article</span></a></li>
      <li id="current" class="parent active item27" anclink><a href="<!-- link goes here -->"><span>CMS</span></a>
        <ul>
    
          <li class="item50 anclink"><a href="<!-- link goes here -->"><span>The News</span></a></li>
          <li class="item48 anclink"><a href="<!-- link goes here -->"><span>Web Links</span></a></li>
          <li class="item65 seplink"><span class="separator"><span /></span></li>
          <li class="item49 anclink"><a href="<!-- link goes here -->"><span>News Feeds</span></a></li>
          <li class="item66 seplink"><span class="separator"><span /></span></li>
          <li class="item67 seplink"><span class="separator"><span /></span></li>
          <li class="item68 seplink"><span class="separator"><span /></span></li>
    
        </ul>
      </li>
      <li class="item71 seplink"><span class="separator"><span>Help</span></span></li>
    </ul>
    

    Bunu nasıl elde edebilirsiniz PHP kullanarak hatta bir jQuery çözüm iyi olacak.

    Lütfen yardımcı olur.

    0 Cevap