用JQUERY如何获取多个各相同元素下的图片个数？

代码如下：
<div class="box">
    <div class="box-con">
        <a href="#"><img src="1.jpg" /></a>
    </div>
    <div class="box-item">
        <p>无关内容</p>
    </div>
    <div class="box-con">
        <a href="#"><img src="1.jpg" /></a>
        <a href="#"><img src="1.jpg" /></a>
    </div>
    <div class="box-item">
        <p>无关内容</p>
    </div>
    <div class="box-item">
        <p>无关内容</p>
    </div>
    <div class="box-con">
        <a href="#"><img src="1.jpg" /></a>
        <a href="#"><img src="1.jpg" /></a>
        <a href="#"><img src="1.jpg" /></a>
        <a href="#"><img src="1.jpg" /></a>
        <a href="#"><img src="1.jpg" /></a>
    </div>
</div>


获取图片个数：

var arr = [];
$(".box .box-con").each(function(e){
    var count = $(this).find("img").length;
    arr.push(count);

})