删除主<div>上没有任何数据的clone <div>

Question

在：

添加新行并删除该新行后。

为什么会这样？假设当我设置val（“”）时，该texbox内部应该没有值。 我的代码中哪一部分出错了？ 请帮忙。

以下是我的代码：

 <div id="rows" class="block">
            <div class="p2">
                <input type="checkbox" class="checkbox" runat="server"/>
                <asp:TextBox ID="TextBox32" runat="server"/> 
            </div>
            <div class="p3">&nbsp;</div>
            <div class="p4">
                <asp:TextBox ID="TextBox31" runat="server" /> 
            </div>
            <div class="p5">&nbsp;</div>
            <div class="p6">
               <asp:TextBox ID="TextBox26" runat="server"/> 
                &nbsp;
                <span style="color:red;">*</span>
            </div>
            </div>

            <div id="bttns" class="block" style="text-align:center;">
                <button class="clsButton" id="addrow" >Add Row</button>
                &nbsp;
                <button class="clsButton" id="remove">Remove Row</button>
            </div>

以下是我的javascript代码：

 <script>
 var cloneCount = 1;
 //add new row
  $("#addrow").click(function () {
    $('#rows')
      .clone(true).val("")
      .attr('id', 'rows' + cloneCount++, 'class', 'block')
      .insertAfter('[id^=rows]:last');
      return false;
   });

 //remove row
 $(document).on('click', '#remove', function(){
   $('#rows' + cloneCount).remove();
    });
 </script>

Answer 1

根据Arun回答，下面是我的代码;

 var cloneCount = 1;
    //Add new row
    $("#addrow").click(function () {
        $('#rows')
          .clone(true).find('input:text').val("").end()
          .attr('id', 'rows' + cloneCount++, 'class', 'block')
          .insertAfter('[id^=rows]:last');
        return false;
    });

    //Remove new row
    $(document).on('click', '#remove', function () {
        $('#rows' + --cloneCount).remove();
        return false;
    });

我在aspbox文本框中对textbox进行了一些更改，输入type = text。