使用jQuery的div内部的行数

Question

我想查找div中使用的行数。我使用下面的代码，但它无法正常工作。

Jquery代码

$(function() {
   var addDiv = $('#bkup_docs');
   var i = $('#bkup_docs tr').length + 1;
   alert(i); 
});

HTML

<div id="bkup_docs">
   <table>
      <tr>
         <td align="right"></td>
      </tr>
      <tr>
         <td>&nbsp;</td>
      </tr>
   </table>
</div>

这里输出为1，实际上应该是2。

我错过了什么或者我不能这样做吗？

Answer 1

首先你缺少表格标签。 你的HTML

<div id="bkup_docs">
    <table>
     <tr>
       <td align="right"></td>
     </tr>
    <tr>
     <td>&nbsp;</td>
    </tr>
  </table>
</div>

然后你的jquery

$(function() {
var addDiv = $('#bkup_docs');
var i = $('#bkup_docs table tr').length;
alert(i); 
});

Demo Here

Answer 2

1.）您的Html代码有效。

2.）不要在jquery代码中添加+1。

3.）检查下面的工作代码

<script>

$(function() {

   var i = $('#bkup_docs tr').length;
   alert(i); 
});

</script>

Answer 3

这是因为你不能在表格标签之外使用tr标签。它们会自动删除。它返回1因为0（$（＆＃39; #bkup_docs tr＆＃39;）。length）+ 1 = 1.替换＆＃34; div＆＃34;用＆＃34;表＆＃34;它应该工作。