특정 이미지에 대해 "last class"를 추가하십시오.

Question

메인 인덱스 페이지에 4 개의 이미지가 작은 포트폴리오 쇼케이스로 나열되어 있으며, 각 div 클래스는 "margin-right"속성을 가지고 있기 때문에 "last 클래스 "를 삭제해야합니다.

<div id="latestlistings" > 
    <div class="inner"> 
     <?php $recent = new WP_Query('post_type=listing&post_status=publish&posts_per_page='.get_option('wp_recentlistingsnumber_home')); ?> 
     <h3><?php echo get_option('wp_heading_recentlistings') ?></h3> 
     <?php if ($recent->have_posts()) : while ($recent->have_posts()) : $recent->the_post(); ?> 
     <?php include 'includes/variables.php' ?> 
     <div class="latestlisting"> 
     <?php $sliderimages = get_post_meta($post->ID, 'images_value', true); 
     if ($sliderimages) { 
      $arr_sliderimages = explode("\n", $sliderimages); 
      } else { 
      $arr_sliderimages = get_gallery_images(); 
      } 
      $firstimage = $arr_sliderimages[0]; 
      $arr_sliderimages = parse_url($firstimage); 

      $resized = timthumb(100, 200, $arr_sliderimages[path], 1); 
     ?> 
     <a href="<?php the_permalink(); ?>"><img width="200" height="100" src="<?php echo $resized ?>" /></a> 
     <div class="shadow-small"></div> 

    </div> 
</div> 

이 사람이 최선의 방법으로 달성이 가지고 어떻게 아이디어 나 제안이 있습니까

:

내가 현재 사용하는 코드는 다음과 같다? 어떤 조언은 매우 높이 평가 될 것입니다 - 대단히 감사합니다!

Answer 1

당신은 :last 선택 또는 eq() 방법을 사용할 수 있습니다, 다음과 같은 시도 :

$(document).ready(function(){ 
    $('.latestlisting:last').addClass('last'); 
    // or $('.latestlisting').eq(3).addClass('last'); 
})