计算这个很长的 Jquery 语句

Question

   <table id="tb1" border="0" align="left" cellpadding="2" cellspacing="2" class="formTable" width="100%">
   <tbody>
      <tr> 
         <th class="coltextleft" colspan=3> seats </th>
         <th>Total Seat Count :  <span id="seats">0</span></th>
         <th>SALC  <input name="txt1" type="text" id = "txt1"></th>
         <th>Column name </th>   <th> <input name="id_reset" type="button"  id="id_reset" value="RESET" ></th>              
      </tr>
      <tr>
         <td>&nbsp;</td>
         <td id="zxx"> Col1</td>
         <td> Col2</td>
         <td> Col3</td>
         <td> COL4</td>
         <td>COL5</td>
         <td>COL6</td>
      </tr>
      <tr id ="rnum_$i"><td>$i</td>
         <td><input type="text" id="id_seats$i" name="seats[]"/></td>
         <td>HTML ELEMENT OF TYPE SELECT </td>
         <td>HTML ELEMENT OF TYPE TEXT</td>
         <td>HTML ELEMENT OF TYPE TEXT</td>
         <td>HTML ELEMENT OF TYPE TEXT</td>
         <td>HTML ELEMENT OF TYPE TEXT</td>
      <tr>
   </tbody>
</table>

假设上面的 html 表有 5 行，并且有一个按钮“Addone row”，可以向表中添加一个新行。

var num = $('#id_seats1').parent().parent().parent().children().last().children().html()*1;

我如何计算上述 html 表的上述 Jquery 语句。该语句给出的输出是行数 出现在上面的 html 表中。您能否显示此语句的逐步执行

var num = $('#id_seats1').parent().parent().parent().children().last().children().html()*1;

请帮忙

Answer 1

 $('#id_seats1')

这将选择 元素。

 .parent().parent().parent()

这会选择 td，然后是 tr，最后是 tbody 元素。

.children().last()

这选择 tbody 元素的最后一个子元素，它是一个 tr

.children().html()

这选择最后一行中所有 td 的 html 内容

*1

这转换最后一行的内容（这是一个包含该行中单元格的所有内容的字符串）转换为数字。

由于第一个单元格包含一个计数器 $i 变量，因此该值最终被分配给 var num

Answer 2

jQuery 语句不会返回表中的行数，而是返回最后一个元素的子级 html 的数值等效内容。

用于查找表中总行数的 jQuery 片段应该是，

var num = $('#id_seats1').parent().parent().parent().children().length - 2;

并且可以优化为，

var num = $('#id_seats1').closest('tbody').children().length - 2;

但理想的解决方案是，

var num = $('#tb1 > tbody > tr').length - 2;