jQuery count количество добавленных строк таблицы

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);<br> } else {<br> $(this).parents('tr').first().remove();<br> }