共通の高さだけ

Question

私は誰がどのようにjQueryを使ってこれを行うために私を助けることができる、ページと上の画像は、私は最後の3枚の画像の高さを調整しようとしています20+持っに等しいが、私はカントか（ラスト3人の子供condtion）のようなCSS

HTMLは次のとおりです。

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

CSSです：

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

私はこれがあなたのイメージのために簡単にchangableあるべき参照画像で上に示した最後の三つの画像

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>

に等しくなるようにしたいです。