如何通过jquery计算Div元素的数量

How to count no.of Div Elements by jquery

本文关键字：元素 Div 何通过 jquery 计算      更新时间：2023-09-26

在".internal"类上查找子元素的数量，但不使用".mobible"类

<div class="inner">
  <div class="movable" id="one">
    <div>one</div>
    <div>Two</div>
    <div>Three</div>
  </div>
  <div class="movable" id="two">
    <div>one</div>
    <div>Two</div>
    <div>Three</div>
  </div>
</div>

尝试

$(".inner").children().length;  // direct child

或

 $(".inner div").length;  // deep child
 $(".inner").find("div").length;    // deep child
 $(".inner > div").length  // direct child

试试这个：

$('.inner').children().length

编辑：问题被大量修改。这个答案不再相关

这是最初的问题：

我必须找到.inner类中存在的div元素的数量，还必须找到该元素的索引：

<div class="inner">
    <div class="movable" id="one"></div>
    <div class="movable" id="two"></div>
    <div class="movable" id="three"></div>
</div>

jQuery在选择器提取的匹配项上公开length属性：

$('.inner').children().length;

$('.inner').children()拉取的匹配将保存在索引与数组相似的jQuery对象中。例如，$('.inner').children()[0]将是您的<div class="movable" id="one"></div>元素。

Demo

此演示显示.inner元素中包含的div元素的数量。

var div_count = $('.inner').children().length;
$('#result').text(div_count + " children.");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="inner">
  <div class="movable" id="one"></div>
  <div class="movable" id="two"></div>
  <div class="movable" id="three"></div>
</div>
<div id="result"></div>

如果您想要子divs:的数量

$('.inner div').length;

如果您想要特定子项的索引：

$('.inner #two').index();

工作FIDDLE

使用以下

var div_count = $('.inner > div').length;
相关文章：