Add css class to list items except last in jQuery - php

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> <?php echo $article['name']; ?> </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>1</li>
<li>2</li>
<li>3</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>1</li>
<li>2</li>
<li>3</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> <?php echo $article['name']; ?> </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> <?php echo $article['name']; ?> </li>
<?php
}
else{ ?>
<li class="myclass"> <?php echo $article['name']; ?> </li>
<?php
}
}