WordPress как на ладони

Присвоение класса метке

Вывожу метки с помощью следующего кода

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

Заметки к вопросу:
Phantom 2 месяца назад

самый простой способ добавить: 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>
0
Sergei
2 месяца назад
  • 1
    Kama8761
    $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>';
    }
    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация