仅最后三个图像的共同高度

Question

我在一个页面上有 20 多张图片，我正在尝试将最后三张图片的高度调整为相等，但我不能，谁能帮助我如何使用 jquery 来做到这一点 strong> 或 css 之类的（最后三个孩子条件）

html 是：

<div class="col-md-4">
    <img class="thumbs">
</div>

css 是：

img {
width:100%;
height: auto;
}

我想在 ref image 中等于上面显示的最后三张图片

Answer 1

$(function() {
  function getLastOf(selector, count) {
    var allSpans = $(selector);
    if(count > allSpans.length) {
      return allSpans;
    }
    return allSpans.slice(allSpans.length-count);
  }
  var spans = getLastOf('span',3);
  spans.css('background-color','red');
  var highest = 0;
  spans.each(function(i,e) {
      highest = $(e).height() > highest ? $(e).height() : highest;
  });
  console.log("The highest span is " + highest + "px.");

  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <span>Text1</span>
    <span>Text2</span>
    <span>Text3</span>
    <span>Text4</span>

这应该可以轻松更改为您的图像。