Question

在“.inner”类中找到no.of子元素，但不使用“.movable”类

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

Answer 1

试试这个：

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

Answer 2

试

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

或

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

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

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

Answer 3

编辑：问题被大量修改。这个答案已经不再适用了。

这是最初的问题：

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

<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>元素。

演示

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

＆＃13;

var div_count = $('.inner').children().length;

$('#result').text(div_count + " children.");

＆＃13;

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

＆＃13;

Answer 4

如果您想要孩子的数量divs：

$('.inner div').length;

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

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

Answer 5

正在使用 FIDDLE

使用以下

var div_count = $('.inner > div').length;

如何通过jquery计算Div Elements的数量

5 个答案:

编辑：问题被大量修改。这个答案已经不再适用了。

演示