php - 添加 css 类以列出 jQuery 中除最后一个之外的元素

Question

我有一个无序列表，其值是使用 php 和 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>

我想使用 jQuery 向该列表中除最后一项之外的每个元素添加一个 css 类

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>

<小时/>

你可以只使用CSS来做到这一点

#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>