Присвоение класса метке
Вывожу метки с помощью следующего кода
<?php
$terms = get_terms([
'taxonomy' => 'post_tag',
'orderby' => 'count',
'order' => 'ASC',
]);
$count = count(array($terms));
if($count > 0){
echo "<ol class='breadcrumb pull-right'>";
foreach ($terms as $term) {
echo '<li><a href="#">'.$term->name.'</a></li>';
}
echo "</ol>";
}
?>
Как можно присвоить определённый класс последнему элементу li ?
Заметки к вопросу:
самый простой способ добавить: js или псевдо класс css
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<ol class='breadcrumb pull-right'>
<li>test 1</li>
<li>test 2</li>
<li>test 3</li>
</ol>
<style>
.last {color: red;}
</style>
<script>
$( 'ol li:last-child' ).addClass( 'last' );
</script>
-------------------------------------------
<ol class='breadcrumb pull-right'>
<li>test 1</li>
<li>test 2</li>
<li>test 3</li>
</ol>
<style>
.breadcrumb :last-child {color: red;}
</style>
$terms = get_terms( [ 'taxonomy' => 'post_tag', 'orderby' => 'count', 'order' => 'ASC', ] ); if( $terms ){ $last_term = end( $terms ); $lis = []; foreach( $terms as $term ){ $last_class = ( $term === $last_term ) ? 'определённый класс' : ''; $lis[] = sprintf( '<li><a href="%s" class="%s">%s</a></li>', get_term_link( $term ), $last_class, esc_html( $term->name ) ); } echo ' <ol class="breadcrumb pull-right"> '. implode( "\n", $lis ) .' </ol>'; }