WordPress как на ладони
Очень Удобный и Быстрый Хостинг для сайтов на WordPress. Пользуюсь сам и вам рекомендую!

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

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

$terms = get_terms( [
	'taxonomy' => 'post_tag',
	'orderby'  => 'count',
	'order' => 'ASC',
] );

$count = count( [ $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 9 месяцев назад

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