首先是jQuery清除表格内容

时间:2017-04-04 09:34:37

标签: javascript jquery html

我有table<tr></tr>个标签(2行是静态的) 其他行通过jquery append动态生成 如果我按下按钮然后列表生成完美,但如果我再次按下相同的按钮,则会连续生成列表(应该首先输出2行并重新创建动态记录)。 我试着用:

 var $el = $("#id");
      $el.empty()

但它清除了一切(我明白) 我试过这个: 但仍然相同

   $('#id > tbody > tr:nth-child(n+3)').remove();

表:

  <table id="table_id">
<tr>                <td>ID</td>
                                    <td>Name</td>
                                    <td>C</td>
                                    <td>Target</td>
                                    <td>D</td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
               </tr>
                <tr>                <td><input field></td>
                                    <td><input field></td>
                                    <td><input></td>
                                    <td><input></td>
                                    <td><select><option value="" >Select</option></select></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
               </tr>  
</table>

var $el = $("#table_id");

       $('#table_id > tbody > tr:nth-child(n+3)').remove(); 


   $.ajax({
                type: "GET",
                url: '../ajax/getList.php',
                dataType: 'json',
                success: function(data) {

                          $.each(data, function() {

                              $el.after('<tr data-id='+ data[i].pk_id +' data-name="' +data[i].name+ '" class="active-'+data[i].is_deleted+'"><td>' + n + '</td>\n\
                                    <td>' +data[i].name+ '</td>\n\
                                    <td></td>\n\
                                    <td></td>\n\
                                    <td></td>\n\
                                    <td></td>\n\
                                    <td></td>\n\
                                    <td></td>\n\
                                </tr>');
                      i = ++ i; 
                      n = ++ n;

                    } );



                  },

                  error: function()
                  {
                    alert('Error');

                  }

                });  

0 个答案:

没有答案
相关问题