jqueryのは、次のような2 TRの代わりに、第1、TR IはjQueryの動的テーブルに行を追加している

Question

は、jqueryのコードである（簡略化）に行加算します

<span class="add_time" id="add_icon_1"><button class="btn btn-success" type="button">+ Add Time</button></span> 

jQueryのボタンコード：

<table id="timestart"> 
    <?php foreach ($invoice['InvoiceTime'] as $key=>$item){?> 
    <tr id="times_<?php echo $key+1?>"> 
    <?php } ?> 
    <?php }else{?> 
    <tr id="times_1"> 

私は時間を追加するボタンを持っています

$(document).on('click','.add_time',function(){ 
    var add_time_id = $(this).attr('id'); 
    var add_time_arr = add_time_id.split("_"); 
    var time_id = add_time_arr[add_time_arr.length-1]; 
    addTimeRow(time_id); 
}); 

コードはテーブルに行を追加しますが、必要な場所に行を追加しません。私はそれが動作したい方法は、あなたは追加の時間]ボタンをクリックすると、出力は以下のようなです：

<table> 
<tr><-- Time added here at the beginning no matter what 
<td></td> 
</tr> 
<tr><-- Previous added time 
etc 

追加注：Nietダークアブソルからの投稿提案を以下のとき

削除行が壊れています：

$(".deletetime").on('click', function() { 
$(this).closest('tr').remove(); 
}); 

Answer 1

ちょうどそうのような、append操作を使用します。

$(function(){ 
    $('.tbody').append('<tr>TableDataHere</tr>'); 
}) 

これは正しく動作し、すでに持っているもののようなものは必要ありません。なぜPHP（？）を使用しているのか100％はわかりません。あなたがしようとしていることを私が推測できれば、JQueryはこれをよりクリーンかつ迅速に行うことができます。