javascript - Jquery 在第六个 img 上添加类

Question

我在 div 中有多个图像并使用 jquery 函数进行计算。如果图像多于六张，则第六张图像将被赋予一个新的类。知道怎么做吗？谢谢

$(function(){
	var imglength = $(".shopbar_smallimg_container img").length;
	
	if(imglength > 6){
		$(".shopbar_smallimg_container img").attr("class","");
	}
		
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="shopbar_smallimg_container">
                    <div class="swiper-nav swiper-container">
                        <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="img/t.jpg" /></div>
                                <div class="swiper-slide"><img src="img/black.jpg" /></div>
                                <div class="swiper-slide"><img src="img/blue.jpg" /></div>
                                <div class="swiper-slide"><img src="img/t.jpg" /></div>
                                <div class="swiper-slide"><img src="img/t.jpg" /></div>
                                <div class="swiper-slide"><img src="img/black.jpg" /></div>
                                <div class="swiper-slide"><img src="img/blue.jpg" /></div>
                                <div class="swiper-slide"><img src="img/t.jpg" /></div>
                        </div>
                    </div>
              </div>

Answer 1

试试下面的代码。

HTML

<div class="shopbar_smallimg_container">
  <div class="swiper-nav swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img src="img/t.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="img/black.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="img/blue.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="img/t.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="img/t.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="img/black.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="img/blue.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="img/t.jpg" />
      </div>
    </div>
  </div>
</div>

jQuery

$( ".swiper-wrapper div.swiper-slide:nth-child(6)").find('img').addClass("sixth");

JSFIDDLE DEMO