Question

我希望有人可以帮我发现代码中的错误。我想要做的只是计算最终用户添加到表中的表行数，如果表行不等于2，则会弹出一个警告框。

这是我的HTML代码：

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="details">
<tr>
<td colspan="7"><input name="addRow" type="button" class="add" value="Click Here to Add" id="addRow">
</td>
</tr>
<tr>
<td><input name="deleteRowButton" type="button" class="deleteRowButton" value="-" id="deleteRowButton" style="margin-top:15px;">
</td>
<td width="" align="left">
<select class="section" name="section" style="margin-top:15px;">
<option value="select">Select</option>
</select>
</td>
<td width="" align="left">    
<select>    </select>
</td>
<td width="" align="left">                
<select>   </select>
</td>
<td width="" align="left">                
<select>    </select>
</td>
<td width="" align="left">
<select>     </select>
<input type="text" value="" class="text" name="text" style="width: 100px;" />
</td>
<td width="" align="left">
<input type="text" /></td>
</tr>
</table>

以下是添加/删除功能：

    $("#addRow").live("click", function() {

        var row = $('#details tbody>tr:last').clone(true);
        context = $(this).parents("table").filter("#area"); 
        $("td input:text", row).val("");
        $("select option:selected", row).attr("selected", false);
        $("#details", context).append(row);
    });




$('.deleteRowButton').click(DeleteRow); 
       var rowCount = $('#details tr').length;         
       function DeleteRow()     {     
       if (rowCount == 2){
           alert($("#details tr").length);         
       } else {     
        $(this).parents('tr').first().remove();      
       } 
       }

有人可以向我指出问题吗？

Answer 1

计算行数的行（var rowCount = $（'＃details tr'）。length）应该在DeleteRow（）函数内。

Answer 2

应该是：

if (rowCount != 2){ alert($("#details tr").length); } else { $(this).parents('tr').first().remove(); }

jQuery计数添加的表行数

2 个答案: