将css类添加到列表项（jQuery中的最后一个除外）

Question

I have an unordered list which values are generated from a database using php and mysql.

<div id="articles">
    <ul>
        <?php foreach ($articles as article) { ?>
            <li><a href="/articles/<?php echo $article['name']; ?>"> <?php echo $article['name']; ?> </a> </li>
        <?php } ?>
    </ul>
</div>

I'd like to use jQuery to add a css class to every item in that list except the last one

Answer 1

 //then you can select all `li` elements under `#articles` except the last one like jQuery(function($) { $('#articles li:not(:last)').addClass('myclass') }) 

 .myclass { background-color: lightgrey; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="articles"> <ul> <li><a href="/articles/1">1</a></li> <li><a href="/articles/2">2</a></li> <li><a href="/articles/3">3</a></li> </ul> </div> 

---

You can do it with css only

 #articles li { background-color: lightgrey; } #articles li:last-child { background-color: white; } 

 <div id="articles"> <ul> <li><a href="/articles/1">1</a></li> <li><a href="/articles/2">2</a></li> <li><a href="/articles/3">3</a></li> </ul> </div> 

Answer 2

<div id="articles">
<ul>
    <?php 
         $count =count($articles);
         foreach ($articles as article) {
           $counter++;
            If($count==$counter)
                 $class='something';
             Else
                 $class='';
 ?>
               <li><a href="/articles/<?php echo     $article['name']; ?>"> <?php echo $article['name']; ?>     </a> </li>
        <?php
             }
         ?>
</ul>
</div>

Use class variable in li now.

Answer 3

You can achieve same thing using PHP also by adding one more condition in your code.

foreach ($articles as $article) {
    if(end($articles) == $article) {
    ?>
       <li><a href="/articles/<?php echo $article['name']; ?>"> <?php echo $article['name']; ?> </a></li>
    <?php
    }
    else{ ?>
       <li class="myclass"><a href="/articles/<?php echo $article['name']; ?>"> <?php echo $article['name']; ?> </a></li>
   <?php
      }
}