用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>

如以上代码所示，如何用纯JQUERY获取上面box里相同元素各box-con里面的img数量。
想要实现的结果应该是：1,2,5，先谢谢啦！~

解决方案

$(function () {
            $(".box .box-con").each(function(){
                alert($(this).find('img').length);
            })
        });

这篇关于用JQUERY如何获取多个各相同元素下的图片个数？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！