javascript获取指定div内的所有input框的数量

最新推荐文章于 2023-06-21 16:41:36 发布

徊忆羽菲

最新推荐文章于 2023-06-21 16:41:36 发布

阅读量3.1k

点赞数 1

分类专栏： Html Jquery Javascript

本文链接：https://blog.csdn.net/guo_qiangqiang/article/details/114879427

版权

Html 同时被 3 个专栏收录

254 篇文章 9 订阅

订阅专栏

Javascript

236 篇文章 6 订阅

订阅专栏

Jquery

193 篇文章 2 订阅

订阅专栏

javascript获取指定div内的所有input框的数量

html页面代码

<ul class="jxs_list jxs_list_sec shop_checked" id="after_shop_id_1"><div data-shop_id="10742" id="after_vip-shop_id_10742_1">国贸<input type="hidden" name="after_shop_id_1[]" value="10742"><span class="delete_shop_id" title="点我删除" data-shop_id="10742" onclick="after_delete_shop_div(1,10742)">Ｘ</span></div><div data-shop_id="87299" id="after_vip-shop_id_87299_1">1111<input type="hidden" name="after_shop_id_1[]" value="87299"><span class="delete_shop_id" title="点我删除" data-shop_id="87299" onclick="after_delete_shop_div(1,87299)">Ｘ</span></div><div data-shop_id="10764" id="after_vip-shop_id_10764_1">桃子<input type="hidden" name="after_shop_id_1[]" value="10764"><span class="delete_shop_id" title="点我删除" data-shop_id="10764" onclick="after_delete_shop_div(1,10764)">Ｘ</span></div></ul>

在这里插入图片描述

js使用方法

   function after_xzshop_number() {
        var shop_length = document.getElementById('after_shop_id_1' ).getElementsByTagName('input').length;
        //设置门店数量
        $('#after_selected_shop_1').html('已选中<b style="color:#FF0000">' + shop_length + '</b>家门店');
    }

jquery使用方法

 var shop_length = $('#after_shop_id_' + num).find("input[name='after_shop_id_"+num+"[]']").length;
var shop_length = $('#after_shop_id_' + num).find(":input").length;