如何将类添加到循环中最后一个帖子的最后一个图像[Wordpress]

时间:2014-12-24 08:39:44

标签: jquery wordpress

好吧,我正在创建一个投资组合页面,我想在我的上一个投资组合缩略图中添加一个类。目前我有一个类添加到最后一个项目组的div。我想将它添加到缩略图,而不是div本身。

我的代码:

<?php $args = array( 'post_type' => 'portfolio', 'order' => 'ASC');
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post(); ?>
<div class="testing_imran<?php echo $loop->current_post + 1 === $loop->post_count ? ' imd_last' : '' ?>">
<?php the_post_thumbnail( 'thumbnail', array( 'class' => 'main-image portfolio' ) ); ?>
</div>           
<?php endwhile; ?>

我希望将“imd_last”类添加到后缩略图而不是div。我该怎么做?顺便说一句,缩略图有一个附加的类,你可以看到,我只是想在最后一个缩略图中添加一个额外的类。 enter image description here

2 个答案:

答案 0 :(得分:0)

如果你想这样做,你可以使用CSS:last-child 或者使用Jquery并动态地将最后一个类添加为$("div").last().addClacss("myclass");

答案 1 :(得分:0)

试试这个,

<?php $args = array( 'post_type' => 'portfolio', 'order' => 'ASC');
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post(); ?>
<?php $extraLastClass = $loop->current_post + 1 === $loop->post_count ? ' imd_last' : '';?>
<div class="testing_imran">
<?php the_post_thumbnail( "thumbnail", array( "class" => "main-image portfolio $extraLastClass" ) ); ?>
</div>
<?php endwhile; ?>