jquery获取一个div中有多少个子div

柔情只为你懂 2022-09-06 10:24 166阅读 0赞

### jquery获取一个div中有多少个子div ###

*   *  html代码

## html代码 ##

<!DOCTYPE html>
    <html lang="zh">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>jquery获取一个div中有多少个子div</title>
        
        <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    </head>
    <body>
        <div class="box">
            <div>奇</div>
            <div>葩</div>
            <div>天</div>
            <div>地</div>
        </div>
        <div class="box1">
            共有<span></span>个div
        </div>
        <script type="text/javascript"> $(function(){ // 1、获取box下的div的个数，放到number里（两种方法） // （1） var number = $('.box div').length // （2） var number = $('.box div').size() // 2、将number显示到span里 var number = $('.box div').length $('.box1 span').text(number) }) </script>
    </body>
    </html>

关键代码

var number = $('.box div').length
    $('.box1 span').text(number)

![在这里插入图片描述][f7f3710d4cc64add9bebe6d4f5560a36.png]

[f7f3710d4cc64add9bebe6d4f5560a36.png]: /images/20220829/66f437ec412a49c8827bda067e344e38.png

发表评论取消回复

表情：

评论列表（有 0 条评论，166人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 获取子 div

获取 dom 对象 $("divId").children("div").get(0); $("divId").children("div")[0];

我会带着你远行/ 2023年07月21日 13:29/ 0 赞/ 21 阅读

相关 php关闭弹出div,jquery,_jquery 点击下一个DIV关闭上一个DIV，jquery - phpStudy

jquery 点击下一个DIV关闭上一个DIV DIV结构是这样的：点击里的 btn 显示 content ，点击 btn 隐藏 content 问题：当前内容

╰+哭是因爲堅強的太久メ/ 2022年11月18日 13:41/ 0 赞/ 149 阅读

相关 jquery两个div互换,用jQuery切换2个div的位置

![Image 1][] I'm wondering if it's posible to switch positions of two divs with jQuery.

阳光穿透心脏的1/2处/ 2022年10月04日 12:55/ 0 赞/ 221 阅读

相关 jquery获取一个div中有多少个子div

jquery获取一个div中有多少个子div html代码 html代码 <!DOCTYPE html> <html lang="zh

柔情只为你懂/ 2022年09月06日 10:24/ 0 赞/ 167 阅读

相关 jQuery获取表单和的div中的值

div，span等元素的取值和赋值在jQuery中，操作元素内容的方法包括html()和text()，通常用于获取和设置div，span中的属性 html()与Ja

客官°小女子只卖身不卖艺/ 2022年08月14日 04:57/ 0 赞/ 232 阅读

相关 JavaScript和JQuery获取DIV的值

1、设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www

朴灿烈づ我的快乐病毒、/ 2022年07月14日 12:41/ 0 赞/ 166 阅读

相关如何在一个div中使其子div居中的5种方式

![70][] [demo地址-codepen][demo_-codepen] 第一种基于绝对定位，要求有固定的宽高 main{ p

川长思鸟来/ 2022年05月24日 13:18/ 0 赞/ 207 阅读

相关子div在父div中水平垂直居中的问题

总结： div如何在另一个div中水平垂直居中？ 1）利用父绝子相对，子div margin：auto；上下左右都为0

古城微笑少年丶/ 2022年05月09日 11:46/ 0 赞/ 265 阅读

相关多个div在一个div中一行水平显示

1.使用 inline-block .an{ display: inline-block; }

小鱼儿/ 2021年09月27日 11:26/ 0 赞/ 411 阅读

相关 jquery给div赋值

一、给div赋值 $("id").html()="test"; //或者 $("id").html("test");

野性酷女/ 2021年09月24日 07:18/ 0 赞/ 488 阅读