Jquery DIV计数

Question

我试图计算父母下的元素数量,但它给了我一个不正确的计数.结果应该是2,其中返回我4.

我的HTML结构是:

<div style="overflow: hidden;" id="parentDiv" class="scroll">

<div id="3">
  <table id="t3" class="Table">
    <tbody>
      <tr>
        <td id="b3" class="bY"><table id="inner1" width="100%" cellpadding="3">
            <tbody>
              <tr>
                <td class="code" id="code3" width="172"></td>
                <td class="Num" id="Num3" width="50"></td>
                <td colspan="2" class="Name" id="Name"></td>
              </tr>
              <tr>
                <td class="code" width="172"></td>
                <td>&nbsp;</td>
                <td class="serial" width="110"></td>
                <td class="serial" width="322"></td>
              </tr>
            </tbody>
          </table></td>
      </tr>
    </tbody>
  </table>
</div>

 <div id="4" >
  <table id="t4" class="Table">
    <tbody>
      <tr>
        <td id="b4" class="bY"><table id="inner1" width="100%" cellpadding="3">
            <tbody>
              <tr>
                <td class="code" id="code4" width="172"></td>
                <td class="Num" id="Num4" width="50"></td>
                <td colspan="2" class="Name" id="Name"></td>
              </tr>
              <tr>
                <td class="code" width="172">&nbsp;</td>
                <td>&nbsp;</td>
                <td class="serial" width="110"></td>
                <td class="serial" width="322"></td>
              </tr>
            </tbody>
          </table></td>
      </tr>
    </tbody>
  </table>
</div>

我用来计算的代码是:

var numofDivs = $("#parentDiv div").size();
alert(numofDivs);

如果我使用以下代码,结果将是1(这也是不正确的).

var numofDivs = $("#parentDiv > div").size();
alert(numofDivs);

Answer 1

嗨你应该使用函数children()

$("#parentDiv").children("div").length

该函数为您提供一个数组,十个您可以获得长度.

在子功能中,您可以指定要过滤的标签,但您也可以将其留空,它会为您提供所有孩子

检查API